[Gtk-3.20] Redecorate osd toolbar & fix volume slider. Fixes #463

Author: megax

gtk-3.20/scss/widgets/_osd.scss

@@ -18,6 +18,25 @@
         }
     }
 
+    // stand-alone OSD toolbars
+    toolbar.osd {
+        -GtkToolbar-button-relief: normal;
+
+        padding: $spacing;
+        border: 1px solid border_normal($osd_bg);
+        border-radius: $roundness;
+        background-color: $osd_bg;
+        background-image: none;
+        color: $osd_fg;
+
+        separator { color: shade($osd_bg, ($contrast + .1)); }
+
+        &.left,
+        &.right,
+        &.top,
+        &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
+    }
+
     .osd {
         background-color: $osd_bg;
         color: $osd_fg;
@@ -34,20 +53,6 @@
 
         entry { @include entry($osd_base, $osd_text_color, $osd_borders_color); }
 
-
-        toolbar {
-            -GtkToolbar-button-relief: normal;
-
-            padding: $spacing;
-            border: 1px solid border_normal($osd_bg);
-            border-radius: $roundness;
-            background-color: $osd_bg;
-            background-image: none;
-            color: $osd_fg;
-
-            separator { color: shade($osd_bg, ($contrast + .1)); }
-        }
-
         /* used by gnome-settings-daemon's media-keys OSD */
         trough { background-color: shade($osd_bg, .8); }
 
@@ -61,7 +66,7 @@
                 &:disabled { @include linear-gradient(shade($osd_bg, .9)); }
             }
 
-             trough {
+            trough {
                 border-color: shade($osd_bg, .8);
                 background-color: shade($osd_bg, 1.08);
                 background-image: none;

gtk-3.20/scss/widgets/_progress.scss

@@ -147,20 +147,7 @@
 
         min-height: 10px;
         min-width: 10px;
-
-        &.horizontal {
-            padding: 6px 0;
-
-            trough { padding: 0 7px; }
-            highlight, fill { margin: 0 -7px; }
-        }
-
-        &.vertical {
-            padding: 0 6px;
-
-            trough { padding: 7px 0; }
-            highlight, fill { margin: -7px 0; }
-        }
+        padding: $spacing ($spacing * 2);
 
         // The slider is inside the trough, negative margin to make it bigger
         slider {