From f9d480cfe50ca1d7a0f0b5a2b8bb9932962bfbe7 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sat, 27 Apr 2024 17:07:22 +0200 Subject: Adding upstream version 3.38.6. Signed-off-by: Daniel Baumann --- data/theme/gnome-shell-sass/widgets/_app-grid.scss | 144 +++++++++++++++++++++ 1 file changed, 144 insertions(+) create mode 100644 data/theme/gnome-shell-sass/widgets/_app-grid.scss (limited to 'data/theme/gnome-shell-sass/widgets/_app-grid.scss') diff --git a/data/theme/gnome-shell-sass/widgets/_app-grid.scss b/data/theme/gnome-shell-sass/widgets/_app-grid.scss new file mode 100644 index 0000000..c183cfe --- /dev/null +++ b/data/theme/gnome-shell-sass/widgets/_app-grid.scss @@ -0,0 +1,144 @@ +/* App Grid */ + +$app_icon_size: 96px; + +// app icons +.icon-grid { + row-spacing: $base_spacing * 6; + column-spacing: $base_spacing * 6; + max-row-spacing: $base_spacing * 12; + max-column-spacing: $base_spacing * 12; +} + +/* 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; + background-color: transparentize(darken($osd_bg_color,10%), 0.05); + padding: 12px; + + & .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + + & .folder-name-label, + & .folder-name-entry { + font-size: 18pt; + font-weight: 800; + } + + & .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 } + } + } + + & .icon-grid { + row-spacing: $base_spacing * 2; + column-spacing: $base_spacing * 5; + } + + & .page-indicators { + margin-bottom: 18px; + + .page-indicator { + padding: 15px 12px; + } + } +} +.app-folder-dialog-container { + padding: 12px; + width: 620px; + height: 620px; +} + +.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; +} -- cgit v1.2.3