css: Shave padding off of the quick settings menu

- reduce overall menu padding
- reduce internal padding on submenu
- tweak button sizing

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2463>
This commit is contained in:
Sam Hewitt 2022-08-31 14:55:33 -02:30 committed by Marge Bot
parent 9131965bfd
commit e07132a63a

View File

@ -1,6 +1,10 @@
.quick-settings { .quick-settings {
padding: 4 * $base_padding; padding: $base_padding*3;
border-radius: $modal_radius*2; border-radius: $modal_radius*2.25;
.icon-button, .button {
padding: $base_padding*1.75;
}
} }
.quick-settings-grid { .quick-settings-grid {
@ -10,9 +14,9 @@
.quick-toggle { .quick-toggle {
border-radius: 99px; border-radius: 99px;
min-width: 11.5em; min-width: 12em;
max-width: 11.5em; max-width: 12em;
min-height: 48px; min-height: 40px;
border:none; border:none;
&:checked { @include button(default); } &:checked { @include button(default); }
@ -60,9 +64,9 @@
.quick-toggle-menu { .quick-toggle-menu {
background-color: $card_bg_color; background-color: $card_bg_color;
border-radius: $base_border_radius*2.75; border-radius: $base_border_radius*3;
padding: $base_padding*2.75; padding: $base_padding*2;
margin: 0 $base_padding*2.75; margin: $base_padding*2 $base_padding*3 0;
.popup-menu-item > StIcon { -st-icon-style: symbolic; } .popup-menu-item > StIcon { -st-icon-style: symbolic; }
@ -91,8 +95,7 @@
} }
.quick-toggle-menu-container { .quick-toggle-menu-container {
padding: 2 * $base_padding $base_padding 0; }
}
.quick-settings-system-item { .quick-settings-system-item {
& > StBoxLayout { spacing: 2 * $base_padding; } & > StBoxLayout { spacing: 2 * $base_padding; }