mirror of
https://github.com/EliverLara/Nordic.git
synced 2026-09-27 17:36:00 -04:00
Gnome-shell: Qick settings - Fix toggle buttons appearance on hover state
This commit is contained in:
@@ -2242,11 +2242,12 @@ $base_padding: 6px;
|
||||
border-radius: 99px;
|
||||
|
||||
&:checked {
|
||||
@include button(active, transparentize($selected_bg_color, 0.3));
|
||||
color: $selected_fg_color;
|
||||
@include button(active, transparentize($selected_bg_color, 0.4));
|
||||
&:hover { @include button(active, transparentize(lighten($selected_bg_color, 8%), 0.4)); }
|
||||
&, &:hover { color: $selected_fg_color; }
|
||||
}
|
||||
|
||||
&, &:hover, &:checked { border: none; }
|
||||
&, &:hover, &:checked, &:checked:hover { border: none; }
|
||||
|
||||
& > StBoxLayout { spacing: $base_padding; }
|
||||
|
||||
@@ -2284,8 +2285,14 @@ $base_padding: 6px;
|
||||
color: $fg_color;
|
||||
&:checked {
|
||||
@include button(active, transparentize($selected_bg_color, 0.1));
|
||||
color: $selected_fg_color;
|
||||
border-width: 0;
|
||||
&:hover { @include button(active, transparentize(lighten($selected_bg_color, 5%), 0.1)); }
|
||||
&, &:hover {
|
||||
color: $selected_fg_color;
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-color: lighten($base_color, 5%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -2022,12 +2022,19 @@ StScrollBar {
|
||||
to extend to the border */ }
|
||||
.quick-toggle:checked {
|
||||
color: rgba(143, 188, 187, 0.7);
|
||||
background-color: rgba(143, 188, 187, 0.4);
|
||||
background-color: rgba(143, 188, 187, 0.3);
|
||||
border: 1px solid #1f232b;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
color: #fefefe; }
|
||||
.quick-toggle, .quick-toggle:hover, .quick-toggle:checked {
|
||||
icon-shadow: none; }
|
||||
.quick-toggle:checked:hover {
|
||||
color: rgba(143, 188, 187, 0.7);
|
||||
background-color: rgba(169, 203, 202, 0.3);
|
||||
border: 1px solid #1f232b;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.quick-toggle:checked, .quick-toggle:checked:hover {
|
||||
color: #fefefe; }
|
||||
.quick-toggle, .quick-toggle:hover, .quick-toggle:checked, .quick-toggle:checked:hover {
|
||||
border: none; }
|
||||
.quick-toggle > StBoxLayout {
|
||||
spacing: 6px; }
|
||||
@@ -2067,9 +2074,18 @@ StScrollBar {
|
||||
background-color: rgba(143, 188, 187, 0.6);
|
||||
border: 1px solid #1f232b;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
color: #fefefe;
|
||||
border-width: 0; }
|
||||
icon-shadow: none; }
|
||||
.quick-menu-toggle .quick-toggle-arrow:checked:hover {
|
||||
color: rgba(143, 188, 187, 0.7);
|
||||
background-color: rgba(159, 198, 197, 0.6);
|
||||
border: 1px solid #1f232b;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.quick-menu-toggle .quick-toggle-arrow:checked, .quick-menu-toggle .quick-toggle-arrow:checked:hover {
|
||||
color: #fefefe;
|
||||
border-width: 0; }
|
||||
.quick-menu-toggle .quick-toggle-arrow:hover {
|
||||
background-color: #39404f; }
|
||||
.quick-menu-toggle .quick-toggle-arrow:ltr {
|
||||
border-radius: 0 99px 99px 0; }
|
||||
.quick-menu-toggle .quick-toggle-arrow:rtl {
|
||||
|
||||
Reference in New Issue
Block a user