GTK+-3.20 traditional themes: fix scrollbar breakage from gtk+-3.19.11

4 files changed, 154 insertions, 118 deletions

diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index 842b56c7..5e6f19bd 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -645,9 +645,9 @@ row:selected:focus progressbar trough {
  ************/
 
 scale {
-    -GtkScale-slider-length: 21;
+/*    -GtkScale-slider-length: 21;
     -GtkRange-slider-width: 13;
-    -GtkRange-trough-border: 4;
+    -GtkRange-trough-border: 4; */
 }
 
 scale slider,
@@ -1663,30 +1663,38 @@ combobox arrow {
 scrollbar {
     background-image: none;
     border-style: solid;
-    -GtkRange-trough-border: 0;
+    border-color: @scrollbar_trough_border_color;
     -GtkScrollbar-has-backward-stepper: true;
     -GtkScrollbar-has-forward-stepper: true;
-    -GtkRange-slider-width: 15;
-    -GtkRange-stepper-size: 15px;
-    -GtkScrollbar-min-slider-length: 30;
-    -GtkRange-stepper-spacing: 0;
-    -GtkRange-trough-under-steppers: 0;
+    box-shadow: none;
+    border-image: none;
 }
 
-scrolledwindow junction {
-    background-image: none;
-    background-color: @scrollbars_junction_bg_color;
+scrollbar.vertical {
+    border-width: 0px 0px 0px 1px;
+    min-width: 15px;
+}
+
+scrollbar.horizontal {
+    border-width: 1px 0px 0px 0px;
+    min-height: 15px;
 }
 
 scrollbar trough {
-    background-image: none;
+    border-style: solid;
     border-color: @scrollbar_trough_border_color;
-    border-radius: 0;
-    border-image: none;
+}
+
+scrolledwindow junction {
+    background-image: none;
+    background-color: @scrollbars_junction_bg_color;
 }
 
 scrollbar.horizontal trough {
-    border-width: 1px 0px;
+    min-height: 15px;
+    border-radius: 0px;
+    border-width: 0px 1px 0px 1px;
+    border-image: none;
     background-image: -gtk-gradient (linear,
                       left top,
                       left bottom,
@@ -1694,19 +1702,11 @@ scrollbar.horizontal trough {
                       color-stop (0.5, @scrollbar_trough_gradient_b));
 }
 
-scrollbar.horizontal.top trough {
-    border-width: 0px 0px 1px 0px;
-}
-
-scrollbar.horizontal.bottom trough {
-    border-width: 1px 0px 0px 0px;
-}
-
-scrollbar.vertical.right trough {
-    border-width: 0px 1px 0px 0px;
-}
-
 scrollbar.vertical trough {
+    min-width: 15px;
+    border-radius: 0px;
+    border-width: 1px 0px 1px 0px;
+    border-image: none;
     background-image: -gtk-gradient (linear,
                       left top,
                       right top,
@@ -1714,51 +1714,57 @@ scrollbar.vertical trough {
                       color-stop (0.5, @scrollbar_trough_gradient_b));
 }
 
-scrollbar.vertical.left trough {
-    border-width: 0px 0px 0px 1px;
+/* Buttons */
+scrollbar.vertical button {
+    min-width: 15px;
+    min-height: 17px;
+    padding: 1px 0px;
 }
 
-scrollbar.vertical.right trough {
-    border-width: 0px 1px 0px 0px;
+scrollbar.horizontal button {
+    min-width: 17px;
+    min-height: 15px;
+    padding: 0px 1px;
 }
 
-scrollbar button {
-    border-width: 1px;
-    border-image: none;
-    border-color: @scrollbar_button_border_color;
-    border-radius: 0px;
-    background-image: none;
-    background-color: transparent;
-    color: @scrollbar_button_color;
+scrollbar.vertical button.up {
+    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
 }
 
-scrollbar button:disabled {
-    color: @scrollbar_button_insensitive_color;
-    border-color: @scrollbar_button_border_color;
-    border-radius: 0px;
-    border-image: none;
-    border-style: solid;
-    border-width: 1px;
+scrollbar.vertical button.down {
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-scrollbar.vertical button:first-child,
-scrollbar.vertical button:disabled:first-child {
-    border-width: 0px 0px 1px 1px;
+scrollbar.horizontal button.up {
+    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
-scrollbar.vertical button:last-child,
-scrollbar.vertical button:disabled:last-child {
-    border-width: 1px 0px 0px 1px;
+scrollbar.horizontal button.down {
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
 }
 
-scrollbar.horizontal button:first-child,
-scrollbar.horizontal button:disabled:first-child {
-    border-width: 1px 1px 0px 0px;
+scrollbar button {
+    border-image: none;
+    border-style: none;
+    border-width: 0px;
+    border-radius: 0px;
+    background-image: none;
+    background-color: transparent;
 }
 
-scrollbar.horizontal button:last-child,
-scrollbar.horizontal button:disabled:last-child {
-    border-width: 1px 0px 0px 1px;
+scrollbar button:hover {
+    border-image: none;
+    border-style: none;
+    border-width: 0px;
+    border-radius: 0px;
+}
+
+scrollbar button:disabled {
+    color: @scrollbar_button_insensitive_color;
+    border-image: none;
+    border-style: none;
+    border-width: 0px;
+    border-radius: 0px;
 }
 
 scrollbar.horizontal button {
@@ -1811,6 +1817,18 @@ scrollbar.vertical button:hover:active {
                       to (@scrollbar_button_active_gradient_d));
 }
 
+scrollbar.vertical slider {
+    min-width: 15px;
+    min-height: 42px;
+    margin: 0px -1px 0px -1px;
+}
+
+scrollbar.horizontal slider {
+    min-width: 42px;
+    min-height: 15px;
+    margin: -1px 0px -1px 0px;
+}
+
 scrollbar slider {
     background-color: @scrollbar_slider_bg_color;
     background-image: none;
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
index dfa70caf..fcd0ca9e 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -21,7 +21,7 @@
 /* better for overlay scrollbars */
 .caja-side-pane treeview.view .vertical.scrollbar.overlay-indicator,
 .caja-side-pane textview.view text .vertical.scrollbar.overlay-indicator {
-    -GtkRange-slider-width: 13;
+/*    -GtkRange-slider-width: 13; */
 }
 
 /* ComboBox views */
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index 68a0299e..e27782b2 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -646,9 +646,9 @@ row:selected:focus progressbar trough {
  ************/
 
 scale {
-    -GtkScale-slider-length: 21;
+/*    -GtkScale-slider-length: 21;
     -GtkRange-slider-width: 13;
-    -GtkRange-trough-border: 4;
+    -GtkRange-trough-border: 4; */
 }
 
 scale slider,
@@ -1664,30 +1664,38 @@ combobox arrow {
 scrollbar {
     background-image: none;
     border-style: solid;
-    -GtkRange-trough-border: 0;
+    border-color: @scrollbar_trough_border_color;
     -GtkScrollbar-has-backward-stepper: true;
     -GtkScrollbar-has-forward-stepper: true;
-    -GtkRange-slider-width: 15;
-    -GtkRange-stepper-size: 15px;
-    -GtkScrollbar-min-slider-length: 30;
-    -GtkRange-stepper-spacing: 0;
-    -GtkRange-trough-under-steppers: 0;
+    box-shadow: none;
+    border-image: none;
 }
 
-scrolledwindow junction {
-    background-image: none;
-    background-color: @scrollbars_junction_bg_color;
+scrollbar.vertical {
+    border-width: 0px 0px 0px 1px;
+    min-width: 15px;
+}
+
+scrollbar.horizontal {
+    border-width: 1px 0px 0px 0px;
+    min-height: 15px;
 }
 
 scrollbar trough {
-    background-image: none;
+    border-style: solid;
     border-color: @scrollbar_trough_border_color;
-    border-radius: 0;
-    border-image: none;
+}
+
+scrolledwindow junction {
+    background-image: none;
+    background-color: @scrollbars_junction_bg_color;
 }
 
 scrollbar.horizontal trough {
-    border-width: 1px 0px;
+    min-height: 15px;
+    border-radius: 0px;
+    border-width: 0px 1px 0px 1px;
+    border-image: none;
     background-image: -gtk-gradient (linear,
                       left top,
                       left bottom,
@@ -1695,19 +1703,11 @@ scrollbar.horizontal trough {
                       color-stop (0.5, @scrollbar_trough_gradient_b));
 }
 
-scrollbar.horizontal.top trough {
-    border-width: 0px 0px 1px 0px;
-}
-
-scrollbar.horizontal.bottom trough {
-    border-width: 1px 0px 0px 0px;
-}
-
-scrollbar.vertical.right trough {
-    border-width: 0px 1px 0px 0px;
-}
-
 scrollbar.vertical trough {
+    min-width: 15px;
+    border-radius: 0px;
+    border-width: 1px 0px 1px 0px;
+    border-image: none;
     background-image: -gtk-gradient (linear,
                       left top,
                       right top,
@@ -1715,51 +1715,57 @@ scrollbar.vertical trough {
                       color-stop (0.5, @scrollbar_trough_gradient_b));
 }
 
-scrollbar.vertical.left trough {
-    border-width: 0px 0px 0px 1px;
+/* Buttons */
+scrollbar.vertical button {
+    min-width: 15px;
+    min-height: 17px;
+    padding: 1px 0px;
 }
 
-scrollbar.vertical.right trough {
-    border-width: 0px 1px 0px 0px;
+scrollbar.horizontal button {
+    min-width: 17px;
+    min-height: 15px;
+    padding: 0px 1px;
 }
 
-scrollbar button {
-    border-width: 1px;
-    border-image: none;
-    border-color: @scrollbar_button_border_color;
-    border-radius: 0px;
-    background-image: none;
-    background-color: transparent;
-    color: @scrollbar_button_color;
+scrollbar.vertical button.up {
+    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
 }
 
-scrollbar button:disabled {
-    color: @scrollbar_button_insensitive_color;
-    border-color: @scrollbar_button_border_color;
-    border-radius: 0px;
-    border-image: none;
-    border-style: solid;
-    border-width: 1px;
+scrollbar.vertical button.down {
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-scrollbar.vertical button:first-child,
-scrollbar.vertical button:disabled:first-child {
-    border-width: 0px 0px 1px 1px;
+scrollbar.horizontal button.up {
+    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
-scrollbar.vertical button:last-child,
-scrollbar.vertical button:disabled:last-child {
-    border-width: 1px 0px 0px 1px;
+scrollbar.horizontal button.down {
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
 }
 
-scrollbar.horizontal button:first-child,
-scrollbar.horizontal button:disabled:first-child {
-    border-width: 1px 1px 0px 0px;
+scrollbar button {
+    border-image: none;
+    border-style: none;
+    border-width: 0px;
+    border-radius: 0px;
+    background-image: none;
+    background-color: transparent;
 }
 
-scrollbar.horizontal button:last-child,
-scrollbar.horizontal button:disabled:last-child {
-    border-width: 1px 0px 0px 1px;
+scrollbar button:hover {
+    border-image: none;
+    border-style: none;
+    border-width: 0px;
+    border-radius: 0px;
+}
+
+scrollbar button:disabled {
+    color: @scrollbar_button_insensitive_color;
+    border-image: none;
+    border-style: none;
+    border-width: 0px;
+    border-radius: 0px;
 }
 
 scrollbar.horizontal button {
@@ -1812,6 +1818,18 @@ scrollbar.vertical button:hover:active {
                       to (@scrollbar_button_active_gradient_d));
 }
 
+scrollbar.vertical slider {
+    min-width: 15px;
+    min-height: 42px;
+    margin: 0px -1px 0px -1px;
+}
+
+scrollbar.horizontal slider {
+    min-width: 42px;
+    min-height: 15px;
+    margin: -1px 0px -1px 0px;
+}
+
 scrollbar slider {
     background-color: @scrollbar_slider_bg_color;
     background-image: none;
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
index 6f11059d..8e5e87fc 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
@@ -21,7 +21,7 @@
 /* better for overlay scrollbars */
 .caja-side-pane treeview.view .vertical.scrollbar.overlay-indicator,
 .caja-side-pane textview.view text .vertical.scrollbar.overlay-indicator {
-    -GtkRange-slider-width: 13;
+/*    -GtkRange-slider-width: 13; */
 }
 
 /* ComboBox views */