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;
background-color: transparentize($fg_color, .9);
padding: 4px;
&:hover { background-color: transparentize($fg_color, .87);}
&:active { background-color: transparentize($fg_color, .84);}
&:hover { background-color: transparentize($fg_color, .81);}
&:active,
&:active:hover { background-color: transparentize($fg_color, .76);}
&:insensitive { background-color: transparentize($fg_color, .93);}
}
.message-expand-button {
padding: 6px;
background-color: transparentize($fg_color, 0.9);
&:ltr { margin-right: $base_padding; }
&:rtl { margin-left: $base_padding; }
&:hover { background-color: transparentize($fg_color, 0.8);}
}
}