Merge lp:~satyajit-happy/egtk/fix-gtkscale into lp:~elementary-design/egtk/trunk

[Satyajit Sahoo]

Fix vertical scale style

The styling of vertical GtkScale widget is all messed up. This commit styles the vertical GtkScale properly to be similar to the horizontal GtkScale.

[Danielle Foré (danrabbit)]

Look solid! Thanks for the fix :)

review: Approve

=== modified file 'gtk-3.0/gtk-widgets.css'
--- gtk-3.0/gtk-widgets.css	2013-12-21 07:42:34 +0000
+++ gtk-3.0/gtk-widgets.css	2014-01-18 03:33:24 +0000
@@ -532,6 +532,7 @@
 }
 
 .scale.trough:insensitive {
+    background-image: none;
     background-color: shade (@theme_bg_color, 1.25);
     border-color: shade (@inactive_frame_color, 0.9);
     border-radius: 0 12px 12px 0;
@@ -539,7 +540,7 @@
 }
 
 .scale.trough.vertical {
-    margin: 0 8px;
+    margin: 0 5px 0 6px;
 
     background-image: linear-gradient(to right,
                                   alpha (#000, 0.15),
@@ -548,10 +549,10 @@
 }
 
 .scale.trough.vertical:insensitive {
-    background-image: linear-gradient(to right,
-                                  alpha (#000, 0.10),
-                                  alpha (#000, 0.02)
-                                  );
+    background-image: none;
+    background-color: shade (@theme_bg_color, 1.25);
+    border-radius: 0 0 12px 12px;
+    border-width: 1px 1px 0 1px;
 }
 
 .scale.mark {
@@ -580,6 +581,28 @@
                                   );
 }
 
+.scale.highlight.bottom {
+    border: 1px solid alpha (#000, 0.50);
+    border-radius: 0 0 12px 12px;
+
+    background-image: linear-gradient(to right,
+                                  alpha (#000, 0.40),
+                                  alpha (#000, 0.30)
+                                  );
+
+    box-shadow: inset 0 0 0 1px alpha (#000, 0.05),
+                0 1px 0 1px alpha (#fff, 0.30);
+}
+
+.scale.highlight.bottom:insensitive {
+    border: 1px solid alpha (#000, 0.40);
+
+    background-image: linear-gradient(to right,
+                                  alpha (#000, 0.30),
+                                  alpha (#000, 0.20)
+                                  );
+}
+
 /*********
 * Frames *
 *********/
@@ -2189,4 +2212,4 @@
 .h3 { font: open sans bold 12; }
 
 @import url("granite-widgets.css");
-@import url("apps.css");
\ No newline at end of file
+@import url("apps.css");