theme: Fixes to regressions in app grid

- fixes dash radii and spacing
- fixes running dot indicator margins
- fixes loss of mouse interaction below dash
- fixes launcher icon size issues
- fixes search padding & margin problems on low-resolution displays
- fixes with inconsistent sizing in app folders
- fixes app switcher hover state

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2185>
This commit is contained in:
Sam Hewitt 2022-02-15 12:30:51 -03:30 committed by Marge Bot
parent 6c067056c7
commit dc075bddae
4 changed files with 17 additions and 14 deletions

View File

@ -84,6 +84,7 @@ stage {
%tile { %tile {
border-radius: $base_border_radius * 2; // 16px border-radius: $base_border_radius * 2; // 16px
padding: $base_padding; padding: $base_padding;
spacing: $base_padding;
border: 2px solid transparent; border: 2px solid transparent;
transition-duration: 100ms; transition-duration: 100ms;
text-align: center; text-align: center;

View File

@ -20,7 +20,7 @@ $app_icon_size: 96px;
.app-well-app { .app-well-app {
@include overview_icon($osd_fg_color); @include overview_icon($osd_fg_color);
.overview-icon {padding: $base_padding*2;} .overview-icon { padding: $base_padding*2;}
.overview-icon.overview-icon-with-label { .overview-icon.overview-icon-with-label {
> StBoxLayout { > StBoxLayout {
spacing: $base_padding; spacing: $base_padding;
@ -37,7 +37,6 @@ $app_icon_size: 96px;
.app-folder-dialog { .app-folder-dialog {
border-radius: $modal_radius*2; border-radius: $modal_radius*2;
background-color: $dash_background_color; background-color: $dash_background_color;
padding: 12px 0px 12px 0px;
& .folder-name-container { & .folder-name-container {
padding: 24px 36px 0; padding: 24px 36px 0;
@ -54,15 +53,11 @@ $app_icon_size: 96px;
& .folder-name-label { padding: 5px 7px; color: $osd_fg_color; } & .folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
& .edit-folder-button { & .edit-folder-button {
@include button(undecorated); @extend %button;
padding: 0;
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 18px; border-radius: 99px;
&:focus {@include button(focus);}
&:hover {@include button(hover);}
&:active {@include button(active);}
& > StIcon { icon-size: $base_icon_size } & > StIcon { icon-size: $base_icon_size }
} }
} }
@ -83,8 +78,8 @@ $app_icon_size: 96px;
.app-folder-dialog-container { .app-folder-dialog-container {
padding: $base_padding*2; padding: $base_padding*2;
width: 620px; width: 640px;
height: 620px; height: 640px;
} }
// Running app indicator (also shown in dash) // Running app indicator (also shown in dash)

View File

@ -8,7 +8,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
// container for the dash // container for the dash
#dash { #dash {
@extend %caption; @extend %caption;
margin: $base_margin * 3; margin-top: $dash_padding;
.placeholder { .placeholder {
// background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
@ -24,7 +24,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
// Running app indicator (also shown in app grid) // Running app indicator (also shown in app grid)
.app-well-app-running-dot { .app-well-app-running-dot {
margin-bottom: 15px; // hardcoded margin-bottom: 14px; // hardcoded
} }
} }
@ -34,6 +34,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
border-radius: $dash_border_radius; border-radius: $dash_border_radius;
padding: $dash_padding; padding: $dash_padding;
spacing: $base_padding; spacing: $base_padding;
margin-bottom: $dash_padding;
} }
// items on the dash // items on the dash
@ -49,6 +50,10 @@ $dash_border_radius: $modal_radius + $dash_padding;
// show apps button // show apps button
.show-apps { @include overview_icon($osd_fg_color);} .show-apps { @include overview_icon($osd_fg_color);}
.show-apps, .app-well-app {
padding-bottom: $dash_padding;
}
} }
// separator between favourites and running apps // separator between favourites and running apps
@ -56,6 +61,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
width: 1px; width: 1px;
margin: 0 $base_margin; margin: 0 $base_margin;
background-color: $borders_color; background-color: $borders_color;
margin-bottom: $dash_padding;
} }
// OSD Tooltip // OSD Tooltip

View File

@ -25,8 +25,9 @@ $switcher_border_radius: $modal_radius + 8px;
// each item in the list // each item in the list
.item-box { .item-box {
@include tile_button($osd_fg_color); @include tile_button($osd_fg_color);
// override over style so mouse doesn't steal focus
&:hover {background: none;}
} }
.separator { .separator {