548e19a7cd
The Frequent apps grid has a few problems: * On a fresh install there would be no history of app usage so the applications shown in the grid have no relevance it takes time to be useful instead of being useful from the start; * The grid has far too many items in it to be relevant; 24 apps is well beyond the average use case as most people don't frequently use that many, so it gets populated with several apps that are single use (hello xterm); * The position of items in the grid are always changing based on an unknown frequency metric (and not by user-intended input) which makes it a poor way to quickly launch apps as one would have to constantly learn the positions of the items in the grid; * Having two app grids is a bit superfluous and needlessly complicates the app launching navigation: you have to spend time checking the frequent grid and if it's not there you have to switch over to another grid and find the app you need in there it's not straightforward. Remove the Frequent tab and simplify the related code. Related: https://gitlab.gnome.org/GNOME/gnome-shell/issues/1425 https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/880
136 lines
2.7 KiB
SCSS
136 lines
2.7 KiB
SCSS
/* App Grid */
|
|
|
|
$app_icon_size: 96px;
|
|
$app_icon_padding: 24px;
|
|
|
|
// app icons
|
|
.icon-grid {
|
|
-shell-grid-horizontal-item-size: $app_icon_size + $app_icon_padding * 2;
|
|
-shell-grid-vertical-item-size: $app_icon_size + $app_icon_padding * 2;
|
|
spacing: $base_spacing * 6;
|
|
|
|
.overview-icon {
|
|
icon-size: $app_icon_size;
|
|
}
|
|
}
|
|
|
|
/* App Icons */
|
|
|
|
$app_grid_fg_color: #fff;
|
|
|
|
// Icon tiles in the app grid
|
|
.app-well-app,
|
|
%app-well-app {
|
|
@include overview-icon($app_grid_fg_color);
|
|
|
|
.overview-icon.overview-icon-with-label {
|
|
padding: 10px 8px 5px 8px;
|
|
|
|
> StBoxLayout {
|
|
spacing: $base_spacing;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* App Folders */
|
|
.app-well-app.app-folder {
|
|
background-color: transparentize($osd_bg_color, 0.8);
|
|
border-radius: $base_border_radius + 4px; // same as %icon_tile
|
|
}
|
|
|
|
// expanded folder
|
|
.app-folder-dialog {
|
|
border-radius: $modal_radius * 1.5;
|
|
border: 1px solid $osd_outer_borders_color;
|
|
spacing: 12px;
|
|
background-color: transparentize(darken($osd_bg_color,10%), 0.05);
|
|
|
|
& .folder-name-container {
|
|
padding: 24px 36px 0;
|
|
spacing: 12px;
|
|
|
|
& .folder-name-label,
|
|
& .folder-name-entry {
|
|
font-size: 18pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
& .folder-name-entry { width: 300px }
|
|
|
|
/* FIXME: this is to keep the label in sync with the entry */
|
|
& .folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
|
|
|
|
& .edit-folder-button {
|
|
@extend %button;
|
|
|
|
padding: 0;
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 18px;
|
|
|
|
& > StIcon { icon-size: 16px }
|
|
}
|
|
}
|
|
}
|
|
.app-folder-dialog-container {
|
|
padding: 12px;
|
|
width: 800px;
|
|
height: 600px;
|
|
}
|
|
|
|
.app-folder-icon {
|
|
padding: $base_padding;
|
|
spacing-rows: $base_spacing;
|
|
spacing-columns: $base_spacing;
|
|
}
|
|
|
|
|
|
// Running app indicator (also shown in dash)
|
|
.app-well-app-running-dot {
|
|
height: 5px;
|
|
width: 5px;
|
|
border-radius:5px;
|
|
background-color: $osd_fg_color;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
// Rename popup for app folders
|
|
.rename-folder-popup {
|
|
.rename-folder-popup-item {
|
|
spacing: $base_spacing;
|
|
&:ltr, &:rtl { padding: 0 $base_padding * 2; }
|
|
}
|
|
}
|
|
|
|
// right-click app menu
|
|
.app-menu,
|
|
.app-well-menu {
|
|
max-width: 27.25em;
|
|
}
|
|
|
|
// App Grid pagination indicators
|
|
.page-indicator {
|
|
padding: 15px 20px;
|
|
|
|
.page-indicator-icon {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 10px; // the same as height&width
|
|
background-color: white;
|
|
}
|
|
}
|
|
|
|
// Some hacks I don't even know
|
|
.all-apps {
|
|
// horizontal padding to make sure scrollbars or dash don't overlap content
|
|
padding: 0px 88px 10px 88px;
|
|
}
|
|
|
|
// shutdown and other actions in the grid
|
|
.system-action-icon {
|
|
background-color: rgba(0,0,0,0.8);
|
|
color: #fff;
|
|
border-radius: 99px;
|
|
icon-size: $app_icon_size * 0.5;
|
|
}
|