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:
parent
6c067056c7
commit
dc075bddae
@ -84,6 +84,7 @@ stage {
|
||||
%tile {
|
||||
border-radius: $base_border_radius * 2; // 16px
|
||||
padding: $base_padding;
|
||||
spacing: $base_padding;
|
||||
border: 2px solid transparent;
|
||||
transition-duration: 100ms;
|
||||
text-align: center;
|
||||
|
@ -20,7 +20,7 @@ $app_icon_size: 96px;
|
||||
.app-well-app {
|
||||
@include overview_icon($osd_fg_color);
|
||||
|
||||
.overview-icon {padding: $base_padding*2;}
|
||||
.overview-icon { padding: $base_padding*2;}
|
||||
.overview-icon.overview-icon-with-label {
|
||||
> StBoxLayout {
|
||||
spacing: $base_padding;
|
||||
@ -37,7 +37,6 @@ $app_icon_size: 96px;
|
||||
.app-folder-dialog {
|
||||
border-radius: $modal_radius*2;
|
||||
background-color: $dash_background_color;
|
||||
padding: 12px 0px 12px 0px;
|
||||
|
||||
& .folder-name-container {
|
||||
padding: 24px 36px 0;
|
||||
@ -54,15 +53,11 @@ $app_icon_size: 96px;
|
||||
& .folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
|
||||
|
||||
& .edit-folder-button {
|
||||
@include button(undecorated);
|
||||
@extend %button;
|
||||
padding: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 18px;
|
||||
|
||||
&:focus {@include button(focus);}
|
||||
&:hover {@include button(hover);}
|
||||
&:active {@include button(active);}
|
||||
|
||||
border-radius: 99px;
|
||||
& > StIcon { icon-size: $base_icon_size }
|
||||
}
|
||||
}
|
||||
@ -83,8 +78,8 @@ $app_icon_size: 96px;
|
||||
|
||||
.app-folder-dialog-container {
|
||||
padding: $base_padding*2;
|
||||
width: 620px;
|
||||
height: 620px;
|
||||
width: 640px;
|
||||
height: 640px;
|
||||
}
|
||||
|
||||
// Running app indicator (also shown in dash)
|
||||
|
@ -8,7 +8,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
|
||||
// container for the dash
|
||||
#dash {
|
||||
@extend %caption;
|
||||
margin: $base_margin * 3;
|
||||
margin-top: $dash_padding;
|
||||
|
||||
.placeholder {
|
||||
// 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)
|
||||
.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;
|
||||
padding: $dash_padding;
|
||||
spacing: $base_padding;
|
||||
margin-bottom: $dash_padding;
|
||||
}
|
||||
|
||||
// items on the dash
|
||||
@ -49,6 +50,10 @@ $dash_border_radius: $modal_radius + $dash_padding;
|
||||
|
||||
// show apps button
|
||||
.show-apps { @include overview_icon($osd_fg_color);}
|
||||
|
||||
.show-apps, .app-well-app {
|
||||
padding-bottom: $dash_padding;
|
||||
}
|
||||
}
|
||||
|
||||
// separator between favourites and running apps
|
||||
@ -56,6 +61,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
|
||||
width: 1px;
|
||||
margin: 0 $base_margin;
|
||||
background-color: $borders_color;
|
||||
margin-bottom: $dash_padding;
|
||||
}
|
||||
|
||||
// OSD Tooltip
|
||||
|
@ -25,8 +25,9 @@ $switcher_border_radius: $modal_radius + 8px;
|
||||
|
||||
// each item in the list
|
||||
.item-box {
|
||||
|
||||
@include tile_button($osd_fg_color);
|
||||
// override over style so mouse doesn't steal focus
|
||||
&:hover {background: none;}
|
||||
}
|
||||
|
||||
.separator {
|
||||
|
Loading…
Reference in New Issue
Block a user