GTK3: fix the background of hovered buttons inside infobars
This commit is contained in:
parent
12e901495c
commit
5c06f61200
@ -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 *
|
||||
|
||||
@ -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 *
|
||||
|
||||
@ -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 *
|
||||
|
||||
@ -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);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user