[gnome-shell/wip/carlosg/appgrid-navigation: 110/113] js/appDisplay: Generalize app scrollview CSS

[Carlos Garnacho <carlosg src gnome org>]

commit 17c00df60e2c805b4f1600eee099d0b55cb5823d
Author: Carlos Garnacho <carlosg gnome org>
Date:   Wed Feb 3 12:39:26 2021 +0100

    js/appDisplay: Generalize app scrollview CSS
    
    We want to show left/right side pages during navigation, also in
    FolderViews. Let this scrollview use the same style than the "all
    apps" one, and generalize the name a bit.
    
    This will compress the scrollview horizontally, so there's actual
    overflow space to show these pages.

 data/theme/gnome-shell-sass/widgets/_app-grid.scss | 2 +-
 js/ui/appDisplay.js                                | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_app-grid.scss 
b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
index da17e53214..051dbc239e 100644
--- a/data/theme/gnome-shell-sass/widgets/_app-grid.scss
+++ b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
@@ -125,7 +125,7 @@ $app_grid_fg_color: #fff;
 }
 
 // Some hacks I don't even know
-.all-apps {
+.apps-scroll-view {
   // horizontal padding to make sure scrollbars or dash don't overlap content
   padding: 0 88px;
 }
diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index 9f8d6b488b..2e715e8c8e 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -971,7 +971,7 @@ class AppDisplay extends BaseAppView {
         this._pageManager = new PageManager();
         this._pageManager.connect('layout-changed', () => this._redisplay());
 
-        this._scrollView.add_style_class_name('all-apps');
+        this._scrollView.add_style_class_name('apps-scroll-view');
 
         this._stack = new St.Widget({
             layout_manager: new Clutter.BinLayout(),
@@ -1735,6 +1735,7 @@ class FolderView extends BaseAppView {
         this._folder = folder;
         this._parentView = parentView;
         this._grid._delegate = this;
+        this._scrollView.add_style_class_name('apps-scroll-view');
 
         this.add_child(this._box);