[gnome-shell/wip/sass: 31/78] theme: workspace pager in overview

[Jakub Steiner <jimmac src gnome org>]

commit 69f329330ddcfbfd4a13cc2f4c56947a7f01c15c
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Oct 15 17:26:03 2014 +0200

    theme: workspace pager in overview

 data/theme/_common.scss    |   26 +++++++++++++++++++++-----
 data/theme/gnome-shell.css |   21 +++++++++++++++++----
 2 files changed, 38 insertions(+), 9 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index b089495..98c1819 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -455,11 +455,8 @@ StScrollBar {
   /* DASHBOARD */
   
   #dash {
-    color: red;
+    @extend %overview-panel;
     padding: 4px 0;
-    color: $osd_fg_color;
-    background-color: $osd_bg_color;
-    border: 1px solid transparentize($fg_color,0.8);
     border-left: 0px;
     border-radius: 0px 9px 9px 0px;
     
@@ -605,7 +602,20 @@ StScrollBar {
     spacing: 4px;
   }
   
-
+  // Workspace pager
+  .workspace-thumbnails { //container ala dash
+    @extend %overview-panel;
+    visible-width: 32px; //amount visible before hover
+    spacing: 11px;
+    padding: 8px;
+    border-radius: 9px 0 0 9px;
+    //border-width: 1px 0 1px 1px; //fixme: can't have non unoform borders :(
+    &:rtl { border-radius: 0 9px 9px 0;}
+  }
+  .workspace-thumbnail-indicator {
+    border: 4px solid $selected_bg_color;
+    padding: 1px;
+  }
 
   //Some hacks I don't even
   // FIXME
@@ -616,6 +626,12 @@ StScrollBar {
     padding: 0px 88px 10px 88px;
   }
 
+%overview-panel {
+  color: $osd_fg_color;
+  background-color: $osd_bg_color;
+  border: 1px solid transparentize($fg_color,0.8);
+}
+
 %status_text {
   font-size: 2em;
   font-weight: bold;
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 057589c..bb957fa 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1687,11 +1687,7 @@ StScrollBar {
 
 /* DASHBOARD */
 #dash {
-  color: red;
   padding: 4px 0;
-  color: #eeeeec;
-  background-color: #2e3436;
-  border: 1px solid rgba(238, 238, 236, 0.2);
   border-left: 0px;
   border-radius: 0px 9px 9px 0px; }
   #dash:rtl {
@@ -1818,11 +1814,28 @@ StScrollBar {
   padding: 10px 8px 5px 8px;
   spacing: 4px; }
 
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 11px;
+  padding: 8px;
+  border-radius: 9px 0 0 9px; }
+  .workspace-thumbnails:rtl {
+    border-radius: 0 9px 9px 0; }
+
+.workspace-thumbnail-indicator {
+  border: 4px solid #215d9c;
+  padding: 1px; }
+
 .search-display > StBoxLayout,
 .all-apps,
 .frequent-apps > StBoxLayout {
   padding: 0px 88px 10px 88px; }
 
+#dash, .workspace-thumbnails {
+  color: #eeeeec;
+  background-color: #2e3436;
+  border: 1px solid rgba(238, 238, 236, 0.2); }
+
 .search-statustext, .no-frequent-applications-label {
   font-size: 2em;
   font-weight: bold;