[gnome-shell] appDisplay: Center AllView content

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

commit 6ea8f35343bf1a28614f3114fb9ecb3d08c6a4f9
Author: Florian Müllner <fmuellner gnome org>
Date:   Thu Feb 21 22:49:42 2013 +0100

    appDisplay: Center AllView content
    
    If the AllView is scrolled, the vertical scrollbar will take away
    some horizontal space on one side, resulting in the content ending
    up slightly off-center.
    Account for this by using overlay-scrollbars instead.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=694261

 data/theme/gnome-shell.css |    5 +++++
 js/ui/appDisplay.js        |    3 ++-
 2 files changed, 7 insertions(+), 1 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 4e10623..7ae074b 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -860,6 +860,11 @@ StScrollBar StButton#vhandle:active {
     padding: 4px 16px;
 }
 
+.all-apps > StBoxLayout {
+    /* horizontal padding to make sure the scrollbar doesn't overlap content */
+    padding: 0px 18px;
+}
+
 .app-folder-icon {
     padding: 5px;
 }
diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index e34955a..2b1bd9a 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -176,7 +176,8 @@ const AllView = new Lang.Class({
                                          y_align: St.Align.START,
                                          x_expand: true,
                                          y_expand: true,
-                                         style_class: 'vfade' });
+                                         overlay_scrollbars: true,
+                                         style_class: 'all-apps vfade' });
         this.actor.add_actor(box);
         this.actor.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC);
         let action = new Clutter.PanAction({ interpolate: true });