style: Fix bg color weirdness on background apps close button

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3140>
This commit is contained in:
Sam Hewitt 2024-01-23 14:11:27 -03:30 committed by Marge Bot
parent 0582de6561
commit 4c5cb191d8
2 changed files with 8 additions and 3 deletions

View File

@ -198,9 +198,14 @@
icon-size: $large_icon_size !important; icon-size: $large_icon_size !important;
-st-icon-style: regular !important; -st-icon-style: regular !important;
} }
& .close-button { & .icon-button {
@extend .icon-button;
padding: $base_padding; padding: $base_padding;
// override some background colors since it's a button on an already styled background
// FIXME: may need a generic drawing method for button in menu item in future
background-color: transparentize($fg_color, 0.87);
&:hover { background-color: transparentize($fg_color, 0.78);}
&:active { background-color: transparentize($fg_color, 0.69);}
} }
& .spinner { & .spinner {
padding: $base_padding; padding: $base_padding;

View File

@ -81,7 +81,7 @@ const BackgroundAppMenuItem = GObject.registerClass({
const closeButton = new St.Button({ const closeButton = new St.Button({
iconName: 'window-close-symbolic', iconName: 'window-close-symbolic',
styleClass: 'close-button', styleClass: 'icon-button',
x_expand: true, x_expand: true,
y_expand: false, y_expand: false,
x_align: Clutter.ActorAlign.END, x_align: Clutter.ActorAlign.END,