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

theme: Fixes to regressions in app grid

Browse Source 
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 0abb006ea3
commit 6c067056c7
4 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
data/theme/gnome-shell-sass/widgets/_app-grid.scss
View File

@ -6,12 +6,12 @@ $app_icon_size: 96px;
.icon-grid { .icon-grid {
row-spacing: $base_padding * 2; row-spacing: $base_padding * 2;
column-spacing: $base_padding * 2; column-spacing: $base_padding * 2;
max-row-spacing: $base_padding * 12; max-row-spacing: $base_padding * 7;
max-column-spacing: $base_padding * 12; max-column-spacing: $base_padding * 7;
page-padding-top: $base_padding * 4; page-padding-top: $base_padding * 4;
page-padding-bottom: $base_padding * 4; page-padding-bottom: $base_padding * 4;
page-padding-left: $base_padding * 2; page-padding-left: $base_padding * 3;
page-padding-right: $base_padding * 2; page-padding-right: $base_padding * 3;
} }
/* App Icons */ /* App Icons */
@ -20,9 +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 { .overview-icon {padding: $base_padding*2;}
padding: $base_padding*2;
}
.overview-icon.overview-icon-with-label { .overview-icon.overview-icon-with-label {
> StBoxLayout { > StBoxLayout {
spacing: $base_padding; spacing: $base_padding;

8
data/theme/gnome-shell-sass/widgets/_dash.scss
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: 2em; margin: $base_margin * 3;
.placeholder { .placeholder {
// background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
@ -38,9 +38,12 @@ $dash_border_radius: $modal_radius + $dash_padding;
// items on the dash // items on the dash
.dash-item-container { .dash-item-container {
> * {margin: 0 2px;}
&:ltr:first-child {margin-left: 0;}
&:rtl:first-child {margin-right: 0;}
// each app item on the dash // each app item on the dash
.app-well-app .overview-icon { .app-well-app .overview-icon {
margin: 0 4px;
padding: $base_padding; padding: $base_padding;
} }
@ -51,6 +54,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
// separator between favourites and running apps // separator between favourites and running apps
.dash-separator { .dash-separator {
width: 1px; width: 1px;
margin: 0 $base_margin;
background-color: $borders_color; background-color: $borders_color;
} }

2
data/theme/gnome-shell-sass/widgets/_message-list.scss
View File

@ -3,7 +3,7 @@
// main list // main list
.message-list { .message-list {
width: 32em; width: 29em;
border: solid $borders_color; border: solid $borders_color;
// padding and margins to account for scrollbar // padding and margins to account for scrollbar

24
data/theme/gnome-shell-sass/widgets/_search-results.scss
View File

@ -1,15 +1,18 @@
/* Search */ /* Search */
// search overview container // search overview container
#searchResults {
margin: 0 $base_margin;
}
#searchResultsContent { #searchResultsContent {
max-width: 1024px; max-width: 1072px;
spacing: $base_margin * 2;
} }
// search results sections "the boxes" // search results sections "the boxes"
.search-section { .search-section {
// This should be equal to #searchResultsContent spacing // This should be equal to #searchResultsContent spacing
spacing: $base_margin * 2; spacing: $base_padding*3;
// separator (unstyled) // separator (unstyled)
.search-section-separator { .search-section-separator {
@ -23,27 +26,24 @@
background-color: lighten($system_bg_color, 5%); background-color: lighten($system_bg_color, 5%);
border-radius: $modal_radius*1.5; border-radius: $modal_radius*1.5;
border: 1px solid $osd_outer_borders_color; border: 1px solid $osd_outer_borders_color;
box-shadow: none;
text-shadow: none;
color: $osd_fg_color; color: $osd_fg_color;
padding: $base_padding*2; padding: $base_padding*2;
margin: $base_margin; margin:0 $base_margin*3;
// This is the space between the provider icon and the results container
} }
%search_section_content_item { %search_section_content_item {
@include tile_button($osd_fg_color); @include tile_button($osd_fg_color);
margin: $base_margin; border-radius: $base_border_radius+3px;
border-radius: $base_border_radius !important;
} }
// "no results" text // "no results" text
.search-statustext { .search-statustext {
@extend %large_title; @extend %title_1;
} }
.grid-search-results { .grid-search-results {
spacing: $base_padding * 6; spacing: $base_padding*5;
margin:0 $base_margin*3;
} }
// Search results with icons // Search results with icons
@ -54,6 +54,8 @@
// search result provider // search result provider
.search-provider-icon { .search-provider-icon {
@extend %search_section_content_item; @extend %search_section_content_item;
&:ltr {margin-right: $base_margin;}
&:rtl {margin-left: $base_margin;}
// content // content
.list-search-provider-content { .list-search-provider-content {