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: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 *
|
||||||
|
|||||||
@ -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 *
|
||||||
|
|||||||
@ -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 *
|
||||||
|
|||||||
@ -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); }
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user