From e382da970876199802be34082f2ecd8b4ac85d95 Mon Sep 17 00:00:00 2001
From: Dan Winship <danw@gnome.org>
Date: Tue, 29 Sep 2009 12:19:16 -0400
Subject: [PATCH] [AppSwitcher] Update colors/border

Switch from Big.Box to St.Bin and update styling per latest spec

https://bugzilla.gnome.org/show_bug.cgi?id=590563
---
 data/theme/gnome-shell.css |  8 ++++++++
 js/ui/altTab.js            | 14 ++++----------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index dc66b9573..a67132124 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -155,3 +155,11 @@ StScrollBar StButton#vhandle:hover
 .calendar-other-month-day {
     color: #cccccc;
 }
+
+/* App Switcher */
+#appSwitcher {
+    background: rgba(0,0,0,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 8px;
+    padding: 8px;
+}
diff --git a/js/ui/altTab.js b/js/ui/altTab.js
index 13c147fdd..74cb69fa4 100644
--- a/js/ui/altTab.js
+++ b/js/ui/altTab.js
@@ -7,20 +7,18 @@ const Lang = imports.lang;
 const Meta = imports.gi.Meta;
 const Pango = imports.gi.Pango;
 const Shell = imports.gi.Shell;
+const St = imports.gi.St;
 
 const AppIcon = imports.ui.appIcon;
 const Lightbox = imports.ui.lightbox;
 const Main = imports.ui.main;
 
-const POPUP_BG_COLOR = new Clutter.Color();
-POPUP_BG_COLOR.from_pixel(0x00000080);
 const POPUP_APPICON_BORDER_COLOR = new Clutter.Color();
 POPUP_APPICON_BORDER_COLOR.from_pixel(0xffffffff);
 const POPUP_APPICON_SEPARATOR_COLOR = new Clutter.Color();
 POPUP_APPICON_SEPARATOR_COLOR.from_pixel(0xffffffff);
 
 const POPUP_APPS_BOX_SPACING = 8;
-const POPUP_ICON_SIZE = 48;
 
 const POPUP_POINTER_SELECTION_THRESHOLD = 3;
 
@@ -30,12 +28,8 @@ function AltTabPopup() {
 
 AltTabPopup.prototype = {
     _init : function() {
-        this.actor = new Big.Box({ background_color : POPUP_BG_COLOR,
-                                   corner_radius: POPUP_APPS_BOX_SPACING,
-                                   padding: POPUP_APPS_BOX_SPACING,
-                                   spacing: POPUP_APPS_BOX_SPACING,
-                                   orientation: Big.BoxOrientation.VERTICAL,
-                                   reactive: true });
+        this.actor = new St.Bin({ name: 'appSwitcher',
+                                  reactive: true });
         this.actor.connect('destroy', Lang.bind(this, this._onDestroy));
 
         // Here we use a GenericContainer instead of a BigBox in order to be
@@ -51,7 +45,7 @@ AltTabPopup.prototype = {
         let gcenterbox = new Big.Box({ orientation: Big.BoxOrientation.HORIZONTAL,
                                        x_align: Big.BoxAlignment.CENTER });
         gcenterbox.append(this._appsBox, Big.BoxPackFlags.NONE);
-        this.actor.append(gcenterbox, Big.BoxPackFlags.NONE);
+        this.actor.add_actor(gcenterbox);
 
         this._icons = [];
         this._separator = null;