gnome-shell: Follow upstream change for Frequent view
https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/548e19a7cdfbc9298b7fd094e10f55a680342d29
by roundabout, Tuesday, 15 September 2020, 16:45:16 (1600188316), pushed by roundabout, Sunday, 11 May 2025, 13:22:55 (1746969775)
Author identity: nana-4 <hnmaigo@gmail.com>
ed5b4aee3933580c91fbc8d54658109dddbd9753
src/gnome-shell/sass/components/overview/_app-grid.scss
@@ -11,8 +11,10 @@
}
}
.app-display {
// spacing: 20px;
@if $version <= 3.36 {
.app-display {
// spacing: 20px;
}
}
/* App Icons */
@@ -210,17 +212,20 @@
// Some hacks I don't even know
$search-display: if($version <= 3.32, ".search-display > StBoxLayout,", null);
$frequent-apps: if($version <= 3.36, ".frequent-apps > StBoxLayout,", null);
#{$search-display}
.all-apps,
.frequent-apps > StBoxLayout {
#{$frequent-apps}
.all-apps {
// horizontal padding to make sure scrollbars or dash don't overlap content
padding: 0 88px 10px;
}
// Label when no frequent apps
.no-frequent-applications-label {
@extend %overview-status-text;
@if $version <= 3.36 {
// Label when no frequent apps
.no-frequent-applications-label {
@extend %overview-status-text;
}
}
// shutdown and other actions in the grid
@@ -232,52 +237,54 @@ $search-display: if($version <= 3.32, ".search-display > StBoxLayout,", null);
color: on($grey-900);
}
/* Frequent | All toggle */
@if $version <= 3.36 {
/* Frequent | All toggle */
// container
.app-view-controls {
width: 320px;
padding-bottom: 32px;
}
// container
.app-view-controls {
width: 320px;
padding-bottom: 32px;
}
// buttons
.app-view-control {
margin: 0;
padding: 0 8px;
// buttons
.app-view-control {
margin: 0;
padding: 0 8px;
&, &:focus, &:hover, &:active, &:checked {
@include button(flat-normal, $tc: $on-dark);
}
&, &:focus, &:hover, &:active, &:checked {
@include button(flat-normal, $tc: $on-dark);
}
&:hover {
background-color: overlay("hover", $on-dark);
}
&:hover {
background-color: overlay("hover", $on-dark);
}
&:active {
background-color: overlay("pressed", $on-dark);
transition-duration: $duration-ripple;
}
&:active {
background-color: overlay("pressed", $on-dark);
transition-duration: $duration-ripple;
}
&:checked {
box-shadow: inset 0 2px 0 $on-dark;
background-color: rgba(black, .01);
color: $on-dark;
}
&:checked {
box-shadow: inset 0 2px 0 $on-dark;
background-color: rgba(black, .01);
color: $on-dark;
}
&:focus {
background-color: overlay("focus", $on-dark);
}
&:focus {
background-color: overlay("focus", $on-dark);
}
&:first-child {
border-right-width: 0;
border-radius: $corner-radius;
}
&:first-child {
border-right-width: 0;
border-radius: $corner-radius;
}
&:last-child {
border-radius: $corner-radius;
}
&:last-child {
border-radius: $corner-radius;
}
&:checked {
border-radius: 0;
&:checked {
border-radius: 0;
}
}
}