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:active,
headerbar stackswitcher button:checked:checked, headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active, 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; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat { button.flat {
border-color: transparent; border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } 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; } transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
/********** /**********
* Entry * * 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:active,
headerbar stackswitcher button:checked:checked, headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active, 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; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat { button.flat {
border-color: transparent; border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } 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; } transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
/********** /**********
* Entry * * 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:active,
headerbar stackswitcher button:checked:checked, headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active, 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; background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
button.flat { button.flat {
border-color: transparent; border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } 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; } transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
/********** /**********
* Entry * * Entry *

View File

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