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 {
|
%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;
|
||||||
|
@ -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)
|
||||||
|
@ -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
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user