style: Fix hover state difference in notification header buttons

- make the close button and expand button use the same styles
- add style for :active:hover state since it was missing

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3238>
This commit is contained in:
Sam Hewitt 2024-03-14 10:53:43 -02:30 committed by Jakub Steiner
parent 27c0772808
commit cee3ec2c50

View File

@ -116,19 +116,16 @@
color: $fg_color; color: $fg_color;
background-color: transparentize($fg_color, .9); background-color: transparentize($fg_color, .9);
padding: 4px; padding: 4px;
&:hover { background-color: transparentize($fg_color, .87);} &:hover { background-color: transparentize($fg_color, .81);}
&:active { background-color: transparentize($fg_color, .84);} &:active,
&:active:hover { background-color: transparentize($fg_color, .76);}
&:insensitive { background-color: transparentize($fg_color, .93);} &:insensitive { background-color: transparentize($fg_color, .93);}
} }
.message-expand-button { .message-expand-button {
padding: 6px; padding: 6px;
background-color: transparentize($fg_color, 0.9);
&:ltr { margin-right: $base_padding; } &:ltr { margin-right: $base_padding; }
&:rtl { margin-left: $base_padding; } &:rtl { margin-left: $base_padding; }
&:hover { background-color: transparentize($fg_color, 0.8);}
} }
} }