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 content
padding: 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);