Merge lp:~satyajit-happy/egtk/vertical-progressbar into lp:~elementary-design/egtk/trunk

[Satyajit Sahoo]

Fix vertical progressbar style

This commit changes the progressbar styling to use class name instead of the widget name.

The styling for vertical progressbars was missing. Hence vertical progressbar gradients looked out of place. This commit also adds styling for vertical progressbars.

[Danielle Foré (danrabbit)]

Not sure where to test the vertical progressbar, but it seems it doesn't break horizontal ones and the code doesn't look crazy so I'll approve ha

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:43:32 +0000
@@ -317,7 +317,11 @@
     padding: 1px;
 }
 
-GtkProgressBar.progressbar {
+.progressbar,
+.progressbar row,
+.progressbar row:hover,
+.progressbar row:selected,
+.progressbar row:selected:focus {
     background-image: linear-gradient(to bottom,
                                   shade (@base_color, 0.88),
                                   @base_color
@@ -327,7 +331,18 @@
     box-shadow: inset 0 0 0 1px alpha (#fff, 0.40);
 }
 
-GtkProgressBar.trough {
+.progressbar.vertical {
+    background-image: linear-gradient(to right,
+                                  shade (@base_color, 0.88),
+                                  @base_color
+                                  );
+}
+
+.trough,
+.trough row,
+.trough row:hover,
+.trough row:selected,
+.trough row:selected:focus {
     border: 1px solid alpha (#000, 0.35);
 
     background-image: linear-gradient(to bottom,
@@ -339,6 +354,13 @@
                 0 1px 0 1px alpha (#fff, 0.30);
 }
 
+.trough.vertical {
+    background-image: linear-gradient(to right,
+                                  alpha (#000, 0.15),
+                                  alpha (#000, 0.07)
+                                  );
+}
+
 /**********************************
  * Progress bar in a Tree or Cell *
  *********************************/
@@ -2189,4 +2211,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");