roundabout,
created on Sunday, 21 March 2021, 14:25:27 (1616336727),
received on Sunday, 11 May 2025, 13:23:01 (1746969781)
Author identity: nana-4 <hnmaigo@gmail.com>
e4894f39d0fc65e3b99bc1184ade432179217f08
src/gnome-shell/sass/components/overview/_app-grid.scss
@@ -2,7 +2,16 @@
// app icons .icon-grid { @if $version >= 3.38 {@if $version >= 40 { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 72px; max-column-spacing: 72px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 12px; page-padding-right: 12px; } @else if $version >= 3.38 {row-spacing: 48px; column-spacing: 48px; max-row-spacing: 96px;
@@ -55,7 +64,9 @@
background-color: $surface-z8; color: $on-surface; @if $version >= 3.38 {@if $version >= 40 { padding: 12px 0; } @else if $version >= 3.38 {padding: 12px; } @else { spacing: 12px;
@@ -99,13 +110,22 @@
.icon-grid { row-spacing: 16px; column-spacing: 32px; @if $version >= 40 { page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }} .page-indicators { margin-bottom: 16px; .page-indicator {padding: 16px 12px;@if $version < 40 { .page-indicator { padding: 16px 12px; }} }
@@ -159,16 +179,18 @@
} } .app-folder-icon {padding: 8px;spacing-rows: 4px;spacing-columns: 4px;border-radius: $corner-radius;background-color: fill($on-dark);// HACK: Force icon size to 32px> StBin > StIcon {padding: 2px;@if $version < 40 { .app-folder-icon { padding: 8px; spacing-rows: 4px; spacing-columns: 4px; border-radius: $corner-radius; background-color: fill($on-dark); // HACK: Force icon size to 32px > StBin > StIcon { padding: 2px; }} }
@@ -201,7 +223,11 @@
// App Grid pagination indicators .page-indicator { padding: 15px 20px;@if $version >= 40 { padding: 8px 12px 0; } @else { padding: 16px 20px; }@if $version >= 3.36 { .page-indicator-icon {
@@ -248,15 +274,28 @@
} } // Some hacks I don't even know$search-display: if($version < 3.34, ".search-display > StBoxLayout,", null);$frequent-apps: if($version < 3.38, ".frequent-apps > StBoxLayout,", null);#{$search-display}#{$frequent-apps}.all-apps {// horizontal padding to make sure scrollbars or dash don't overlap contentpadding: 0 88px 10px;@if $version >= 40 { .apps-scroll-view { padding: 0; } } @else if $version >= 3.38 { .all-apps { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0 88px 10px; } } @else if $version >= 3.34 { .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0 88px 10px; } } @else { .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0 88px 10px; }} @if $version < 3.38 {
@@ -275,6 +314,38 @@ $frequent-apps: if($version < 3.38, ".frequent-apps > StBoxLayout,", null);
color: on($grey-900); } @if $version >= 40 { .page-navigation-hint { width: 300px; &.dnd { background: overlay("dragged", $on-system); } &.next:ltr, &.previous:rtl { background-gradient-start: fill($on-system); background-gradient-end: fill($on-system); background-gradient-direction: horizontal; border-radius: $corner-radius 0 0 $corner-radius; } &.previous:ltr, &.next:rtl { background-gradient-start: fill($on-system); background-gradient-end: fill($on-system); background-gradient-direction: horizontal; border-radius: 0 $corner-radius $corner-radius 0; } } .page-navigation-arrow { width: 24px; height: 24px; margin: 6px; } } @if $version < 3.38 { /* Frequent | All toggle */
src/gnome-shell/sass/components/overview/_overview.scss
@@ -106,6 +106,7 @@
} %-overview-item-hover { border: 0;border-image: none; background-image: none; background-color: overlay("hover", $on-dark);