[gnome-shell/wip/sassWithSomeFixes: 27/33] theme: use regular borders for top bar buttons

[Carlos Soriano Sánchez <csoriano src gnome org>]

commit 9a3c1bc44222503f0f4ac700d928fcca7aa53520
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Oct 29 14:48:20 2014 +0100

    theme: use regular borders for top bar buttons
    
    - no need to abuse image assets.
    - big thanks to carlos for making it possible.

 data/gnome-shell-theme.gresource.xml |    1 -
 data/theme/_common.scss              |   11 +++--
 data/theme/panel-button-border.svg   |   74 ----------------------------------
 3 files changed, 7 insertions(+), 79 deletions(-)
---
diff --git a/data/gnome-shell-theme.gresource.xml b/data/gnome-shell-theme.gresource.xml
index 86d6b4e..a03d90e 100644
--- a/data/gnome-shell-theme.gresource.xml
+++ b/data/gnome-shell-theme.gresource.xml
@@ -23,7 +23,6 @@
     <file>page-indicator-inactive.svg</file>
     <file>page-indicator-checked.svg</file>
     <file>page-indicator-hover.svg</file>
-    <file>panel-button-border.svg</file>
     <file>process-working.svg</file>
     <file>running-indicator.svg</file>
     <file>source-button-border.svg</file>
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index 5bacd0b..2eecfc8 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -256,7 +256,7 @@ StScrollBar {
     -panel-corner-border-width: 2px;
     -panel-corner-border-color: transparent; 
     
-    &:active, &:overview, &:focus { -panel-corner-border-color: #729fcf; } //fixed due to SVG image-border
+    &:active, &:overview, &:focus { -panel-corner-border-color: lighten($selected_bg_color,5%); } 
     &.lock-screen, &.login-screen, &unlock-screen {
       -panel-corner-radius: 0;
       -panel-corner-background-color: transparent;
@@ -269,7 +269,7 @@ StScrollBar {
     font-weight: bold;
     color: #ccc;
     transition-duration: 100ms;
-   
+    padding: 2px;
     #appMenuIcon { 
       app-icon-bottom-clip: 1px;
       
@@ -287,7 +287,9 @@ StScrollBar {
     }
     
     &:active, &:overview, &:focus, &:checked {
-      border-image: url("panel-button-border.svg") 6 10 0 2;
+      border-color: lighten($selected_bg_color,5%);
+      border-bottom-width: 2px;
+      padding: 2px 2px 0 2px;
       color: lighten($fg_color,10%);
       text-shadow: black 0px 2px 2px;
       
@@ -306,7 +308,8 @@ StScrollBar {
   .panel-status-button {
   
     &:active, &:overview, &:focus, &:checked {
-      border-image: url("panel-button-border.svg") 6 10 0 2;
+      border-color: lighten($selected_bg_color,5%);
+      border-bottom-width: 2px;
     }
   }