isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: Visual papercut fixes for quicksettings

Browse Source 
- fixes #5742

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2427>
This commit is contained in:
Sam Hewitt 2022-08-15 15:00:47 -02:30
parent 1c2e320713
commit d7ca1eb75e
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
data/theme/gnome-shell-sass/widgets/_quick-settings.scss
View File

@ -1,17 +1,19 @@
.quick-settings { .quick-settings {
padding: 4 * $base_padding; padding: 4 * $base_padding;
border-radius: $modal_radius*2;
} }
.quick-settings-grid { .quick-settings-grid {
spacing-rows: 3 * $base_padding; spacing-rows: $base_padding*2;
spacing-columns: 2 * $base_padding; spacing-columns: $base_padding*2;
} }
.quick-toggle { .quick-toggle {
border-radius: 99px; border-radius: 99px;
min-width: 11.5em; min-width: 11.5em;
max-width: 11.5em; max-width: 11.5em;
min-height: 44px; min-height: 48px;
border:none;
&:checked { @include button(default); } &:checked { @include button(default); }
@ -20,7 +22,9 @@
/* Move padding into the box; this is to allow menu arrows /* Move padding into the box; this is to allow menu arrows
to extend to the border */ to extend to the border */
&.button { padding: 0; } &.button { padding: 0; }
& > StBoxLayout { padding: 0 2 * $base_padding; } & > StBoxLayout { padding: 0 $base_padding*2; }
&:ltr > StBoxLayout { padding-left: $base_padding*2.5; }
&:rtl > StBoxLayout { padding-right: $base_padding*2.5; }
.quick-toggle-label { font-weight: bold; } .quick-toggle-label { font-weight: bold; }
.quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; } .quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; }
@ -32,7 +36,7 @@
& .quick-toggle-arrow { & .quick-toggle-arrow {
background-color: transparentize($fg_color, 0.9); background-color: transparentize($fg_color, 0.9);
padding: 8px; padding: $base_padding $base_padding*1.75;
&:ltr { border-radius: 0 99px 99px 0; } &:ltr { border-radius: 0 99px 99px 0; }
&:rtl { border-radius: 99px 0 0 99px; } &:rtl { border-radius: 99px 0 0 99px; }