paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Redesign exit / close buttons.

Browse Source 
We change the background colors for the close / cancel / exit buttons
in modals and messages (when editing them or viewing their source). The
border is also removed for those buttons in messages.
This commit is contained in:
N-Shar-ma
2024-04-02 20:18:34 +05:30
committed by Tim Abbott
parent 09be97c584
commit 528e7e4a0e
3 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/styles/app_variables.css
View File

@@ -768,9 +768,8 @@
/* Button colors on modals and message editing. */
--color-exit-button-text: hsl(0deg 0% 100%);
--color-exit-button-border: hsl(0deg 0% 0% / 60%);
--color-exit-button-background: hsl(211deg 29% 14%);
--color-exit-button-background-interactive: hsl(211deg 29% 17%);
--color-exit-button-background: hsl(226deg 1% 30% / 50%);
--color-exit-button-background-interactive: hsl(226deg 1% 30% / 65%);
/* Emoji-picker colors */
--color-background-emoji-picker-popover: hsl(0deg 0% 0% / 20%);

1
web/styles/message_row.css
View File

@@ -512,7 +512,6 @@
.message_edit_close {
color: var(--color-exit-button-text);
background: var(--color-exit-button-background);
border: 1px solid var(--color-exit-button-border);
&:hover {
background: var(--color-exit-button-background-interactive);

4
web/styles/modal.css
View File

@@ -4,8 +4,8 @@
other "Nah, forget it" actions. */
--color-exit-button-text: hsl(0deg 0% 0%);
--color-exit-button-border: hsl(300deg 2% 11% / 30%);
--color-exit-button-background: hsl(0deg 0% 100%);
--color-exit-button-background-interactive: hsl(0deg 0% 97%);
--color-exit-button-background: hsl(226deg 1% 42% / 20%);
--color-exit-button-background-interactive: hsl(226deg 1% 42% / 27%);
}
.modal__overlay {