summaryrefslogtreecommitdiffstats
path: root/data/theme/gnome-shell-sass/widgets/_app-grid.scss
diff options
context:
space:
mode:
Diffstat (limited to 'data/theme/gnome-shell-sass/widgets/_app-grid.scss')
-rw-r--r--data/theme/gnome-shell-sass/widgets/_app-grid.scss144
1 files changed, 144 insertions, 0 deletions
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;
+}