starred/Nordic
1
0
Fork 0
mirror of https://github.com/EliverLara/Nordic.git synced 2026-08-24 10:04:25 -05:00
Code Issues Packages Projects Releases Wiki Activity

Gnome-shell v48: Fix quick toggle buttons appearance, fix #337

Browse Source
This commit is contained in:
EliverLara
2025-03-30 13:50:49 -06:00
parent 0b5c46f345
commit 4575f4d285
2 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gnome-shell/_common.scss
+10 -4
View File
@@ -2294,7 +2294,7 @@ $base_padding: 6px;
//.quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; }
}
.quick-menu-toggle {
.quick-menu-toggle, .quick-toggle-has-menu {
&:ltr > StBoxLayout { padding-right: 0; }
&:rtl > StBoxLayout { padding-left: 0; }
@@ -2310,8 +2310,8 @@ $base_padding: 6px;
}
& .quick-toggle-arrow {
background-color: lighten($base_color, 1%);
& .quick-toggle-arrow, & .quick-toggle-menu-button {
background-color: transparentize(lighten($base_color, 5%), 0.4);
padding: $base_padding $base_padding*1.75;
border-width: 0;
color: $fg_color;
@@ -2324,13 +2324,19 @@ $base_padding: 6px;
}
}
&:hover {
background-color: lighten($base_color, 5%);
background-color: lighten($base_color, 7%);
}
&:ltr { border-radius: 0 99px 99px 0; }
&:rtl { border-radius: 99px 0 0 99px; }
}
& .quick-toggle-menu-button {
background-color: lighten($base_color, 5%);
}
& .quick-toggle-separator { width: 0; }
}
.quick-toggle-menu {
gnome-shell/gnome-shell.css
+20 -16
View File
@@ -2061,47 +2061,51 @@ StScrollBar {
.quick-toggle .quick-toggle-label {
font-weight: bold; }
.quick-menu-toggle:ltr > StBoxLayout {
.quick-menu-toggle:ltr > StBoxLayout, .quick-toggle-has-menu:ltr > StBoxLayout {
padding-right: 0; }
.quick-menu-toggle:rtl > StBoxLayout {
.quick-menu-toggle:rtl > StBoxLayout, .quick-toggle-has-menu:rtl > StBoxLayout {
padding-left: 0; }
.quick-menu-toggle .quick-toggle {
.quick-menu-toggle .quick-toggle, .quick-toggle-has-menu .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
.quick-menu-toggle .quick-toggle:ltr, .quick-toggle-has-menu .quick-toggle:ltr {
border-radius: 99px 0 0 99px; }
.quick-menu-toggle .quick-toggle:rtl {
.quick-menu-toggle .quick-toggle:rtl, .quick-toggle-has-menu .quick-toggle:rtl {
border-radius: 0 99px 99px 0; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
.quick-menu-toggle .quick-toggle:ltr:last-child, .quick-toggle-has-menu .quick-toggle:ltr:last-child {
border-radius: 99px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
.quick-menu-toggle .quick-toggle:rtl:last-child, .quick-toggle-has-menu .quick-toggle:rtl:last-child {
border-radius: 99px; }
.quick-menu-toggle .quick-toggle-arrow {
background-color: #303643;
.quick-menu-toggle .quick-toggle-arrow, .quick-menu-toggle .quick-toggle-menu-button, .quick-toggle-has-menu .quick-toggle-arrow, .quick-toggle-has-menu .quick-toggle-menu-button {
background-color: rgba(57, 64, 79, 0.6);
padding: 6px 10.5px;
border-width: 0;
color: #d8dee9; }
.quick-menu-toggle .quick-toggle-arrow:checked {
.quick-menu-toggle .quick-toggle-arrow:checked, .quick-menu-toggle .quick-toggle-menu-button:checked, .quick-toggle-has-menu .quick-toggle-arrow:checked, .quick-toggle-has-menu .quick-toggle-menu-button:checked {
color: #fefefe;
background-color: rgba(143, 188, 187, 0.6);
border: 1px solid #1f232b;
text-shadow: none;
icon-shadow: none; }
.quick-menu-toggle .quick-toggle-arrow:checked:hover {
.quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-menu-button:checked:hover, .quick-toggle-has-menu .quick-toggle-arrow:checked:hover, .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
color: #fefefe;
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 {
.quick-menu-toggle .quick-toggle-arrow:checked, .quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-menu-button:checked, .quick-menu-toggle .quick-toggle-menu-button:checked:hover, .quick-toggle-has-menu .quick-toggle-arrow:checked, .quick-toggle-has-menu .quick-toggle-arrow:checked:hover, .quick-toggle-has-menu .quick-toggle-menu-button:checked, .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
color: #fefefe;
border-width: 0; }
.quick-menu-toggle .quick-toggle-arrow:hover {
background-color: #39404f; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
.quick-menu-toggle .quick-toggle-arrow:hover, .quick-menu-toggle .quick-toggle-menu-button:hover, .quick-toggle-has-menu .quick-toggle-arrow:hover, .quick-toggle-has-menu .quick-toggle-menu-button:hover {
background-color: #3d4555; }
.quick-menu-toggle .quick-toggle-arrow:ltr, .quick-menu-toggle .quick-toggle-menu-button:ltr, .quick-toggle-has-menu .quick-toggle-arrow:ltr, .quick-toggle-has-menu .quick-toggle-menu-button:ltr {
border-radius: 0 99px 99px 0; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
.quick-menu-toggle .quick-toggle-arrow:rtl, .quick-menu-toggle .quick-toggle-menu-button:rtl, .quick-toggle-has-menu .quick-toggle-arrow:rtl, .quick-toggle-has-menu .quick-toggle-menu-button:rtl {
border-radius: 99px 0 0 99px; }
.quick-menu-toggle .quick-toggle-menu-button, .quick-toggle-has-menu .quick-toggle-menu-button {
background-color: #39404f; }
.quick-menu-toggle .quick-toggle-separator, .quick-toggle-has-menu .quick-toggle-separator {
width: 0; }
.quick-toggle-menu {
background-color: #2e3440 !important;