From aceb9fe82525acb9e6acab0a3048c88031a5a737 Mon Sep 17 00:00:00 2001
From: Carlos Soriano <carlos.soriano89@gmail.com>
Date: Mon, 10 Nov 2014 15:10:40 +0100
Subject: [PATCH] theme: Use box shadow for active panel menu border

---
 data/theme/_common.scss    | 12 ++++++------
 data/theme/gnome-shell.css |  8 +++-----
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index dbe90cfd3..9dcaea2af 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -242,8 +242,7 @@ StScrollBar {
   &.unlock-screen,
   &.login-screen,
   &.lock-screen {
-    background-color: transparent;
-    
+    background-color: transparent;    
   }
 
   #panelLeft, #panelCenter { // spacing between activities<>app menu and such
@@ -269,7 +268,7 @@ StScrollBar {
     font-weight: bold;
     color: #ccc;
     transition-duration: 100ms;
-    padding: 2px;
+
     #appMenuIcon { 
       app-icon-bottom-clip: 1px;
       
@@ -287,9 +286,10 @@ StScrollBar {
     }
     
     &:active, &:overview, &:focus, &:checked {
-      border-color: lighten($selected_bg_color,5%);
-      border-bottom-width: 2px;
-      padding: 2px 2px 0 2px;
+      // Trick due to St limitations. It needs a background to draw
+      // a box-shadow
+      background-color: rgba(0, 0, 0, 0.01);
+      box-shadow: inset 0 -2px 0px lighten($selected_bg_color,5%);
       color: lighten($fg_color,10%);
       text-shadow: black 0px 2px 2px;
       
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index ad0037b19..1d3f33fc8 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1204,8 +1204,7 @@ StScrollBar {
     padding: 0px 12px;
     font-weight: bold;
     color: #ccc;
-    transition-duration: 100ms;
-    padding: 2px; }
+    transition-duration: 100ms; }
     #panel .panel-button #appMenuIcon {
       app-icon-bottom-clip: 1px; }
       .panel-button:active #panel .panel-button #appMenuIcon, .panel-button:overview #panel .panel-button #appMenuIcon, .panel-button:focus #panel .panel-button #appMenuIcon, .panel-button:checked #panel .panel-button #appMenuIcon {
@@ -1214,9 +1213,8 @@ StScrollBar {
       color: white;
       text-shadow: black 0 2px 2px; }
     #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
-      border-color: #256ab1;
-      border-bottom-width: 2px;
-      padding: 2px 2px 0 2px;
+      background-color: rgba(0, 0, 0, 0.01);
+      box-shadow: inset 0 -2px 0px #256ab1;
       color: white;
       text-shadow: black 0px 2px 2px; }
       #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {