gwl: Add overflow support through slide/scroll list

data/theme/cinnamon-sass/widgets/_windowlist.scss

@@ -107,6 +107,35 @@
   &-notifications-badge-label {
     font-size: 12px;
   }
+
+  &-scrollbox {
+    &-scrollview {
+      &.vfade {
+        -st-vfade-offset: 68px;
+        -st-hfade-offset: 0;
+      }
+      &.hfade {
+        -st-hfade-offset: 68px;
+        -st-vfade-offset: 0;
+      }
+    }
+
+    &-button {
+      &-start,
+      &-end,
+      &-up,
+      &-down {
+        margin: 0;
+        padding: 0;
+        min-width: 15px;
+        min-height: 20px;
+      }
+
+      &-icon {
+        icon-size: $scalable_icon_size;
+      }
+    }
+  }
 }
 
 // classic window list

files/usr/share/cinnamon/applets/grouped-window-list@cinnamon.org/appGroup.js

@@ -375,10 +375,6 @@ var AppGroup = class AppGroup {
     getPreferredWidth(actor, forHeight, alloc) {
         const [iconMinSize, iconNaturalSize] = this.iconBox.get_preferred_width(forHeight);
         const [labelMinSize, labelNaturalSize] = this.label.get_preferred_width(forHeight);
-        // The label text starts in the center of the icon, so we should allocate the space
-        // needed for the icon plus the space needed for(label - icon/2)
-        alloc.min_size = 1 * global.ui_scale;
-
         const {appId} = this.groupState;
 
         const allocateForLabel = this.labelVisiblePref ||
@@ -393,16 +389,18 @@ var AppGroup = class AppGroup {
             } else {
                 alloc.natural_size = iconNaturalSize + 6 * global.ui_scale;
             }
+            alloc.min_size = alloc.natural_size;
         } else {
             alloc.natural_size = this.state.trigger('getPanelHeight');
+            alloc.min_size = 1 * global.ui_scale;
         }
     }
 
     getPreferredHeight(actor, forWidth, alloc) {
         let [iconMinSize, iconNaturalSize] = this.iconBox.get_preferred_height(forWidth);
         let [labelMinSize, labelNaturalSize] = this.label.get_preferred_height(forWidth);
-        alloc.min_size = Math.min(iconMinSize, labelMinSize);
         alloc.natural_size = Math.max(iconNaturalSize, labelNaturalSize);
+        alloc.min_size = alloc.natural_size;
     }
 
     allocate(actor, box, flags) {
@@ -555,7 +553,7 @@ var AppGroup = class AppGroup {
     }
 
     onEnter() {
-        if (this.state.panelEditMode) return false;
+        if (this.state.panelEditMode || this.state.scrollActive) return false;
 
         this.actor.add_style_pseudo_class('hover');
 
@@ -642,7 +640,7 @@ var AppGroup = class AppGroup {
         const {appId, metaWindows, lastFocused} = this.groupState;
 
         if (hasFocus === undefined) {
-            hasFocus = this.workspaceState.lastFocusedApp === appId;
+            hasFocus = this.workspaceState.lastFocusedApp === appId && getFocusState(lastFocused);
         }
 
         // If any of the windows associated with our app have focus,

files/usr/share/cinnamon/applets/grouped-window-list@cinnamon.org/applet.js

@@ -110,7 +110,7 @@ class PinnedFavs {
             const currentWorkspace = this.params.state.trigger('getCurrentWorkspace');
             const newFavorites = [];
             let refActorFound = false;
-            currentWorkspace.actor.get_children().forEach( (actor, i) => {
+            currentWorkspace.container.get_children().forEach( (actor, i) => {
                 const appGroup = currentWorkspace.appGroups.find( appGroup => appGroup.actor === actor );
                 if (!appGroup) return;
                 const {app, appId, isFavoriteApp} = appGroup.groupState;
@@ -254,6 +254,7 @@ class GroupedWindowListApplet extends Applet.Applet {
             removeFavorite: (id) => this.pinnedFavorites.removeFavorite(id),
             getFavorites: () => this.pinnedFavorites._favorites,
             cycleWindows: (e, source) => this.handleScroll(e, source),
+            handleScroll: (e) => this.handleScroll(e),
             openAbout: () => this.openAbout(),
             configureApplet: () => this.configureApplet(),
             removeApplet: (event) => this.confirmRemoveApplet(event)
@@ -300,7 +301,7 @@ class GroupedWindowListApplet extends Applet.Applet {
     bindSettings() {
         const settingsProps = [
             {key: 'group-apps', value: 'groupApps', cb: this.refreshAllWorkspaces},
-            {key: 'scroll-behavior', value: 'scrollBehavior', cb: null},
+            {key: 'list-scroll-behavior', value: 'scrollBehavior', cb: null},
             {key: 'left-click-action', value: 'leftClickAction', cb: null},
             {key: 'middle-click-action', value: 'middleClickAction', cb: null},
             {key: 'show-all-workspaces', value: 'showAllWorkspaces', cb: this.refreshAllWorkspaces},
@@ -314,6 +315,7 @@ class GroupedWindowListApplet extends Applet.Applet {
             {key: 'enable-window-count-badges', value: 'enableWindowCountBadges', cb: this.onEnableWindowCountBadgeChange},
             {key: 'enable-notification-badges', value: 'enableNotificationBadges', cb: this.onEnableNotificationsChange},
             {key: 'enable-app-button-dragging', value: 'enableDragging', cb: this.draggableSettingChanged},
+            {key: 'enable-slide-to-focused-app-button', value: 'enableSlideToFocusedAppButton', cb: null},
             {key: 'thumbnail-scroll-behavior', value: 'thumbnailScrollBehavior', cb: null},
             {key: 'show-thumbnails', value: 'showThumbs', cb: this.updateVerticalThumbnailState},
             {key: 'animate-thumbnails', value: 'animateThumbs', cb: null},
@@ -794,14 +796,26 @@ class GroupedWindowListApplet extends Applet.Applet {
             && St.Widget.get_default_direction () === St.TextDirection.RTL;
 
         const axis = this.state.isHorizontal ? [x, 'x2'] : [y, 'y2'];
+
+        let adjustmentValue = 0;
+        if (currentWorkspace.scrollBox) {
+            const adjustment = this.state.isHorizontal ?
+                currentWorkspace.scrollBox.scrollView.get_hscroll_bar().get_adjustment() :
+                currentWorkspace.scrollBox.scrollView.get_vscroll_bar().get_adjustment();
+            adjustmentValue = adjustment.get_value();
+        }
+
+        // Add scroll position to current coordinate
+        axis[0] += adjustmentValue;
+
         if(rtl_horizontal)
             axis[0] = this.actor.width - axis[0];
 
         // save data on drag start
         if(this.state.dragging.posList === null){
             this.state.dragging.isForeign = !(source instanceof AppGroup);
             this.state.dragging.posList = [];
-            currentWorkspace.actor.get_children().forEach( child => {
+            currentWorkspace.container.get_children().forEach( child => {
                 let childPos;
                 if(rtl_horizontal)
                     childPos = this.actor.width - child.get_allocation_box()['x1'];
@@ -815,7 +829,7 @@ class GroupedWindowListApplet extends Applet.Applet {
         let pos = 0;
         while(pos < this.state.dragging.posList.length && axis[0] > this.state.dragging.posList[pos])
             pos++;
-        
+
         let favLength = 0;
         for (const appGroup of currentWorkspace.appGroups) {
             if(appGroup.groupState.isFavoriteApp)
@@ -835,21 +849,21 @@ class GroupedWindowListApplet extends Applet.Applet {
 
             if(this.state.dragging.isForeign) {
                 if (this.state.dragging.dragPlaceholder)
-                    currentWorkspace.actor.set_child_at_index(this.state.dragging.dragPlaceholder.actor, pos);
+                    currentWorkspace.container.set_child_at_index(this.state.dragging.dragPlaceholder.actor, pos);
                 else {
                     const iconSize = this.getPanelIconSize() * global.ui_scale;
                     this.state.dragging.dragPlaceholder = new DND.GenericDragPlaceholderItem();
                     this.state.dragging.dragPlaceholder.child.width = iconSize;
                     this.state.dragging.dragPlaceholder.child.height = iconSize;
-                    currentWorkspace.actor.insert_child_at_index(
+                    currentWorkspace.container.insert_child_at_index(
                         this.state.dragging.dragPlaceholder.actor,
                         this.state.dragging.pos
                     );
                     this.state.dragging.dragPlaceholder.animateIn();
                 }
             }
             else
-                currentWorkspace.actor.set_child_at_index(source.actor, pos);
+                currentWorkspace.container.set_child_at_index(source.actor, pos);
         }
 
         if(this.state.dragging.isForeign)