brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

message-list: Fix dim buttons for notifications in calender drawer

Browse Source 
Since we now display notification buttons in the calender drawer we need
to adjust the styling a little bit.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3173>
This commit is contained in:
Julian Sparber 2024-03-01 14:59:10 +01:00 committed by Florian Müllner
parent 262fb191b1
commit d1e9cfa5c2
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
data/theme/gnome-shell-sass/_drawing.scss
View File

@ -169,8 +169,6 @@
// background color override for card elements
@if $style == 'card' { $button_bg_color: $card_bg_color;}
// background color override for buttons in notifications
@if $style == 'bubble' { $button_bg_color: if($variant == 'light', darken($button_bg_color, 3%), lighten($button_bg_color, 5%));}
// background color mix override for flat style; the button bg color is the background color input
@if $style == 'flat' { $button_bg_color: $c;}
// background color mix override for default button style
@ -211,8 +209,9 @@
$checked_active_button_bg_color: lighten($checked_button_bg_color, $active_factor);
}
// background color overrides for the lockscreen style
@if $style == 'lockscreen' {
// background color override for buttons that use transparency
// styles: notification bubbles, lockscreen
@if $style == 'bubble' or $style == 'lockscreen' {
$button_bg_color: transparentize($tc, .9);
$hover_button_bg_color: transparentize($tc, .87);
$active_button_bg_color: transparentize($tc, .84);

8
data/theme/gnome-shell-sass/widgets/_message-list.scss
View File

@ -114,11 +114,11 @@
.message-close-button {
@extend .icon-button;
color: $fg_color;
background-color: transparentize($fg_color, 0.8);
background-color: transparentize($fg_color, .9);
padding: 4px;
&:hover { background-color: transparentize($fg_color, 0.7);}
&:insensitive { background-color: transparentize($fg_color, 0.9);}
&:active { background-color: transparentize($fg_color, 0.8);}
&:hover { background-color: transparentize($fg_color, .87);}
&:active { background-color: transparentize($fg_color, .84);}
&:insensitive { background-color: transparentize($fg_color, .93);}
}
.message-expand-button {