[gnome-shell-sass] js/appDisplay: Implement side page previews while DnDing

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

commit 9954a710f898f57c55903c1f223bbbe5217a8e06
Author: Carlos Garnacho <carlosg gnome org>
Date:   Wed Feb 3 12:51:17 2021 +0100

    js/appDisplay: Implement side page previews while DnDing
    
    When DnDing an icon, we show both previous/next page, and optionally
    a "placeholder" actor to allow creating new pages. These sides on the
    scrollview are drop targets themselves, allowing to drop an app onto
    the next/prev page without further navigation.
    
    Still, preserve the checks to maybe switch to prev/next page without
    finishing the DnD operation, for finer grained operations.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1630>

 widgets/_app-grid.scss | 4 ++++
 1 file changed, 4 insertions(+)
---
diff --git a/widgets/_app-grid.scss b/widgets/_app-grid.scss
index 5620ac2..d7d36b4 100644
--- a/widgets/_app-grid.scss
+++ b/widgets/_app-grid.scss
@@ -141,6 +141,10 @@ $app_grid_fg_color: #fff;
   background: rgba(255, 255, 255, 0.05);
   width: 88px;
 
+  &.dnd {
+    background: rgba(255, 255, 255, 0.1);
+  }
+
   &.next {
     &:ltr { border-radius: 15px 0px 0px 15px; }
     &:rtl { border-radius: 0px 15px 15px 0px; }