GTK3: fix the background of hovered buttons inside infobars

This commit is contained in:
Daniel Ruiz de Alegría 2020-12-28 12:04:03 +01:00
parent 12e901495c
commit 5c06f61200
4 changed files with 22 additions and 9 deletions

View File

@ -5064,15 +5064,18 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop):not(:link):not(:visited), button:active, button:checked {
headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop):not(:link):not(:visited) {
button.flat:hover:not(:backdrop) {
transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
/**********
* Entry *

View File

@ -5064,15 +5064,18 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop):not(:link):not(:visited), button:active, button:checked {
headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop):not(:link):not(:visited) {
button.flat:hover:not(:backdrop) {
transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
/**********
* Entry *

View File

@ -5086,15 +5086,18 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop):not(:link):not(:visited), button:active, button:checked {
headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop):not(:link):not(:visited) {
button.flat:hover:not(:backdrop) {
transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
/**********
* Entry *

View File

@ -31,9 +31,14 @@ button {
border-color: transparent;
transition: $button_transition;
&:hover:not(:backdrop):not(:link):not(:visited) {
&:hover:not(:backdrop) {
@extend %button_active;
transition: none;
&:link {
background: transparent;
box-shadow: none;
}
}
}
}
@ -311,7 +316,6 @@ infobar {
@mixin _infobar_button($bg) {
button,
button.flat {
// FIXME: extend selection mode buttons
@include button(normal, $bg, $selected_fg_color, none);
&:hover { @include button(hover, $bg, $selected_fg_color, none); }
@ -319,7 +323,7 @@ infobar {
&:active,
&:checked { @include button(active, $bg, $selected_fg_color, none); }
&:disabled { @include button(insensitive,$bg,$selected_fg_color,none); }
&:disabled { @include button(insensitive, $bg, $selected_fg_color, none); }
&:backdrop {
@include button(backdrop, $bg, $selected_fg_color, none);