paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-13 18:36:36 +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. */ /* Button colors on modals and message editing. */
--color-exit-button-text: hsl(0deg 0% 100%); --color-exit-button-text: hsl(0deg 0% 100%);
--color-exit-button-border: hsl(0deg 0% 0% / 60%); --color-exit-button-background: hsl(226deg 1% 30% / 50%);
--color-exit-button-background: hsl(211deg 29% 14%); --color-exit-button-background-interactive: hsl(226deg 1% 30% / 65%);
--color-exit-button-background-interactive: hsl(211deg 29% 17%);
/* Emoji-picker colors */ /* Emoji-picker colors */
--color-background-emoji-picker-popover: hsl(0deg 0% 0% / 20%); --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 { .message_edit_close {
color: var(--color-exit-button-text); color: var(--color-exit-button-text);
background: var(--color-exit-button-background); background: var(--color-exit-button-background);
border: 1px solid var(--color-exit-button-border);
&:hover { &:hover {
background: var(--color-exit-button-background-interactive); background: var(--color-exit-button-background-interactive);

4
web/styles/modal.css
View File

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