[gnome-shell-sass] dash: Re-fittsify

[Florian Müllner <fmuellner src gnome org>]

commit e91d9534dd21539ac96171f7558c580287c2d562
Author: Florian Müllner <fmuellner gnome org>
Date:   Tue Feb 9 19:57:55 2021 +0100

    dash: Re-fittsify
    
    Now that the dash is no longer attached to a screen edge, it lost
    its "infinite width" (Fitts' law). Restore it by moving the visible
    bar into a separate layer underneath the actual icons, extend the
    icons to the bottom edge, and replace the margin around the dash
    with padding inside the icons.
    
    https://gitlab.gnome.org/Teams/Design/os-mockups/-/issues/89
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1660>

 widgets/_dash.scss | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)
---
diff --git a/widgets/_dash.scss b/widgets/_dash.scss
index f92892c..c36f00e 100644
--- a/widgets/_dash.scss
+++ b/widgets/_dash.scss
@@ -5,15 +5,14 @@ $dash_placeholder_size: 32px;
 $dash_padding: $base_padding + 4px; // 10px
 $dash_spacing: $base_padding / 4;
 
+$dash_bottom_margin: $base_margin * 4;
 
 $dash_border_radius: $modal_radius * 1.5;
 
 #dash {
-  background-color: $dash_background_color;
   @include fontsize($base_font_size - 2);
-  margin: $base_margin * 4 $base_margin * 2;
+  margin: $base_margin * 4 $base_margin * 2 0;
   padding: 0 $dash_padding;
-  border-radius: $dash_border_radius;
 
   .placeholder {
     // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
@@ -32,14 +31,21 @@ $dash_border_radius: $modal_radius * 1.5;
   }
 }
 
+.dash-background {
+  background-color: $dash_background_color;
+  margin-bottom: $dash_bottom_margin;
+  padding: $dash_padding;
+  border-radius: $dash_border_radius;
+}
+
 // Dash Items
-.dash-item-container > StWidget {
-  padding: $dash_padding $dash_spacing;
+.dash-item-container .app-well-app, .show-apps {
+  padding: 0 $dash_spacing $dash_bottom_margin;
 }
 
 .dash-separator {
   width: 1px;
-  margin: 0 ($dash_spacing + ($dash_padding / 2));
+  margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin;
   background-color: transparentize($osd_fg_color,0.7);
 }