win32 theme: Fix scale widget

It was invisible before.

https://bugzilla.gnome.org/show_bug.cgi?id=773221

1 files changed, 74 insertions, 117 deletions

diff --git a/gtk/theme/win32/gtk-win32-base.css b/gtk/theme/win32/gtk-win32-base.css
index 9624f594c9..7578f2fe43 100644
--- a/gtk/theme/win32/gtk-win32-base.css
+++ b/gtk/theme/win32/gtk-win32-base.css
@@ -882,164 +882,121 @@ spinbutton button:disabled:first-child:dir(rtl) {
 
 /* Ranges */
 
-/* TODO: The trough is not quite right, it covers everything,
-   but in win32 the slider 'sticks out' on the sides of the
-   trough */
-
-scale {
-    background-color: transparent;
-    -GtkScale-value-spacing: 0;
-    -GtkScale-slider-length: 12;
-    -GtkRange-slider-width: 20;
-}
-
-scale trough {
-    margin: 8px 0;
-    border-style: none;
-    border-width: 0;
+scale.horizontal trough {
+    margin: calc( -gtk-win32-part-height(trackbar, 4, 1) / 2 + 1px ) 0;
+    padding: 0 calc( -gtk-win32-part-width(trackbar, 4, 1) / 2);
     background-image: -gtk-win32-theme-part(trackbar, 1, 1);
+    min-height: -gtk-win32-part-height(trackbar, 1, 1);
 }
-
 scale.vertical trough {
-    margin: 0 8px;
-    background-image: -gtk-win32-theme-part(trackbar, 1, 1);
+    margin: 0 calc( -gtk-win32-part-width(trackbar, 8, 1) / 2 + 1px );
+    padding: calc( -gtk-win32-part-height(trackbar, 8, 1) / 2 ) 0;
+    background-image: -gtk-win32-theme-part(trackbar, 2, 1);
+    min-width: -gtk-win32-part-width(trackbar, 2, 1);
 }
 
-scale.mark.separator {
-    /* defines the color of the actuall marks on the scale */
+scale.horizontal indicator {
+    min-height: -gtk-win32-part-height(trackbar, 9, 1);
+    min-width: -gtk-win32-part-width(trackbar, 9, 1);
     color: shade(@bg_color, 0.6);
+    margin-top: -2px;
+    margin-bottom: 2px;
 }
-
-scale slider {
-    background-color: transparent;
-    border-width: 0;
-    color: rgba(0,0,0,0);
-    background-image: -gtk-win32-theme-part(trackbar, 3, 1);
-}
-
-scale slider:hover {
-    background-image: -gtk-win32-theme-part(trackbar, 3, 2);
-}
-
-scale slider:active,
-scale slider:hover:active {
-    background-image: -gtk-win32-theme-part(trackbar, 3, 3);
-}
-
-scale slider:focus {
-    background-image: -gtk-win32-theme-part(trackbar, 3, 4);
+scale.vertical indicator {
+    min-height: -gtk-win32-part-height(trackbar, 10, 1) ;
+    min-width: -gtk-win32-part-width(trackbar, 10, 1);
+    color: shade(@bg_color, 0.6);
+    margin-left: -2px;
+    margin-right: 2px;
 }
 
-scale slider:disabled {
-    background-image: -gtk-win32-theme-part(trackbar, 3, 5);
+scale.horizontal slider {
+    min-height: -gtk-win32-part-height(trackbar, 4, 1);
+    min-width: -gtk-win32-part-width(trackbar, 4, 1);
+    margin: calc( (-gtk-win32-part-height(trackbar, 4, 1) - -gtk-win32-part-height(trackbar, 1, 1)) / -2) 0;
 }
 
 scale.vertical slider {
-    background-image: -gtk-win32-theme-part(trackbar, 6, 1);
+    min-height: -gtk-win32-part-height(trackbar, 8, 1);
+    min-width: -gtk-win32-part-width(trackbar, 8, 1);
+    margin: 0 calc( (-gtk-win32-part-width(trackbar, 8, 1) - -gtk-win32-part-width(trackbar, 2, 1)) / -2);
 }
 
-scale.vertical slider:hover {
-    background-image: -gtk-win32-theme-part(trackbar, 6, 2);
+scale.horizontal slider {
+    background-image: -gtk-win32-theme-part(trackbar, 3,1)
 }
-
-scale.vertical slider:active,
-scale.vertical slider:hover:active {
-    background-image: -gtk-win32-theme-part(trackbar, 6, 3);
+scale.horizontal.marks-after slider {
+    background-image: -gtk-win32-theme-part(trackbar, 4,1)
 }
-
-scale.vertical slider:focus {
-    background-image: -gtk-win32-theme-part(trackbar, 6, 4);
+scale.horizontal slider:hover {
+    background-image: -gtk-win32-theme-part(trackbar, 3,2)
 }
-
-scale.vertical slider:disabled {
-    background-image: -gtk-win32-theme-part(trackbar, 6, 5);
+scale.horizontal.marks-after slider:hover {
+    background-image: -gtk-win32-theme-part(trackbar, 4,2)
 }
-
-scale marks.bottom {
-    background-image: -gtk-win32-theme-part(trackbar, 4, 1, margins(0 -2 0 0));
+scale.horizontal slider:focus {
+    background-image: -gtk-win32-theme-part(trackbar, 3,4)
 }
-
-scale marks.bottom:hover {
-    background-image: -gtk-win32-theme-part(trackbar, 4, 2, margins(0 -2 0 0));
+scale.horizontal.marks-after slider:focus {
+    background-image: -gtk-win32-theme-part(trackbar, 4,4)
 }
-
-scale marks.bottom:active,
-scale marks.bottom:hover:active {
-    background-image: -gtk-win32-theme-part(trackbar, 4, 3, margins(0 -2 0 0));
+scale.horizontal slider:active {
+    background-image: -gtk-win32-theme-part(trackbar, 3,3)
 }
-
-scale marks.bottom:focus {
-    background-image: -gtk-win32-theme-part(trackbar, 4, 4, margins(0 -2 0 0));
+scale.horizontal.marks-after slider:active {
+    background-image: -gtk-win32-theme-part(trackbar, 4,3)
 }
-
-scale marks.bottom:disabled {
-    background-image: -gtk-win32-theme-part(trackbar, 4, 5, margins(0 -2 0 0));
+scale.horizontal slider:disabled {
+    background-image: -gtk-win32-theme-part(trackbar, 3,5)
 }
-
-scale.vertical marks.bottom {
-    background-image: -gtk-win32-theme-part(trackbar, 8, 1, margins(0 0 -2 0));
+scale.horizontal.marks-after slider:disabled {
+    background-image: -gtk-win32-theme-part(trackbar, 4,5)
 }
 
-scale.vertical marks.bottom:hover {
-    background-image: -gtk-win32-theme-part(trackbar, 8, 2, margins(0 0 -2 0));
+scale.vertical slider {
+    background-image: -gtk-win32-theme-part(trackbar, 6, 1)
 }
-
-scale.vertical marks.bottom:active,
-scale.vertical marks.bottom:hover:active {
-    background-image: -gtk-win32-theme-part(trackbar, 8, 3, margins(0 0 -2 0));
+scale.vertical.marks-after slider {
+    background-image: -gtk-win32-theme-part(trackbar, 8, 1)
 }
-
-scale.vertical marks.bottom:focus {
-    background-image: -gtk-win32-theme-part(trackbar, 8, 4, margins(0 0 -2 0));
+scale.vertical slider:hover {
+    background-image: -gtk-win32-theme-part(trackbar, 6, 2)
 }
-
-scale.vertical marks.bottom:disabled {
-    background-image: -gtk-win32-theme-part(trackbar, 8, 5, margins(0 0 -2 0));
+scale.vertical.marks-after slider:hover {
+    background-image: -gtk-win32-theme-part(trackbar, 8, 2)
 }
-
-
-
-scale marks.top {
-    background-image: -gtk-win32-theme-part(trackbar, 5, 1, margins(0 -2 0 0));
+scale.vertical slider:focus {
+    background-image: -gtk-win32-theme-part(trackbar, 6, 4)
 }
-
-scale marks.top:hover {
-    background-image: -gtk-win32-theme-part(trackbar, 5, 2, margins(0 -2 0 0));
+scale.vertical.marks-after slider:focus {
+    background-image: -gtk-win32-theme-part(trackbar, 8, 4)
 }
-
-scale marks.top:active,
-scale marks.top:hover:active {
-    background-image: -gtk-win32-theme-part(trackbar, 5, 3, margins(0 -2 0 0));
+scale.vertical slider:active {
+    background-image: -gtk-win32-theme-part(trackbar, 6, 3)
 }
-
-scale marks.top:focus {
-    background-image: -gtk-win32-theme-part(trackbar, 5, 4, margins(0 -2 0 0));
+scale.vertical.marks-after slider:active {
+    background-image: -gtk-win32-theme-part(trackbar, 8, 3)
 }
-
-scale marks.top:disabled {
-    background-image: -gtk-win32-theme-part(trackbar, 5, 5, margins(0 -2 0 0));
+scale.vertical slider:disabled {
+    background-image: -gtk-win32-theme-part(trackbar, 6, 5)
 }
-
-scale.vertical marks.top {
-    background-image: -gtk-win32-theme-part(trackbar, 7, 1, margins(0 0 -2 0));
+scale.vertical.marks-after slider:disabled {
+    background-image: -gtk-win32-theme-part(trackbar, 8, 5)
 }
 
-scale.vertical marks.top:hover {
-    background-image: -gtk-win32-theme-part(trackbar, 7, 2, margins(0 0 -2 0));
+scale.horizontal highlight {
+    background-image: -gtk-win32-theme-part(progress, 5,1);
+    margin: 0 calc( -gtk-win32-part-width(trackbar, 4, 1) / -2);
 }
-
-scale.vertical marks.top:active,
-scale.vertical marks.top:hover:active {
-    background-image: -gtk-win32-theme-part(trackbar, 7, 3, margins(0 0 -2 0));
+scale.vertical highlight {
+    background-image: -gtk-win32-theme-part(progress, 6,1);
+    margin: calc( -gtk-win32-part-height(trackbar, 6, 1) / -2) 0;
 }
 
-scale.vertical marks.top:focus {
-    background-image: -gtk-win32-theme-part(trackbar, 7, 4, margins(0 0 -2 0));
+scale value {
+    margin-bottom: 5px;
 }
 
-scale.vertical marks.top:disabled {
-    background-image: -gtk-win32-theme-part(trackbar, 7, 5, margins(0 0 -2 0));
-}
 
 /* Progress bars */