Gtk+-3.20 Menta themes: improve scale-has-marks

2 files changed, 27 insertions, 3 deletions

diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-assets.css
index 216b35be..147b8e64 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-assets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-assets.css
@@ -166,6 +166,7 @@ GtkSwitch.trough:active:disabled {
 /*********************
  * GtkScale's slider *
  *********************/
+scale.horizontal contents:only-child > trough > slider,
 scale slider,
 .scale.slider,
 .scale.slider.horizontal {
@@ -194,22 +195,28 @@ scale slider:disabled:hover {
     background-repeat: no-repeat;
 }
 
+scale.horizontal.scale-has-marks-above.color slider,
 scale.horizontal.scale-has-marks-above slider {
 	background-image: url("assets/scale-slider-marks-above-horizontal.png");
     background-repeat: no-repeat;
 }
 
+scale.horizontal.scale-has-marks-above.color slider:hover,
 scale.horizontal.scale-has-marks-above slider:hover {
 	background-image: url("assets/scale-slider-marks-above-horizontal-active.png");
     background-repeat: no-repeat;
 }
 
+scale.horizontal.scale-has-marks-above.color slider:active,
+scale.horizontal.scale-has-marks-above.color slider:active:hover,
+scale.horizontal.scale-has-marks-above slider:active,
 scale.horizontal.scale-has-marks-above slider:active:hover {
 	background-image: url("assets/scale-slider-marks-above-horizontal-active.png");
     background-repeat: no-repeat;
 }
 
-scale.horizontal.scale-has-marks-above slider:disabled:hover {
+scale.horizontal.scale-has-marks-above.color slider:disabled,
+scale.horizontal.scale-has-marks-above slider:disabled {
 	background-image: url("assets/scale-slider-marks-above-horizontal-insensitive.png");
     background-repeat: no-repeat;
 }
@@ -236,22 +243,27 @@ scale.vertical.scale-has-marks-above slider:disabled:hover {
     background-repeat: no-repeat;
 }
 
+scale.horizontal contents:first-child:not(:only-child) slider,
 scale.horizontal.scale-has-marks-below slider {
 	background-image: url("assets/scale-slider-marks-below-horizontal.png");
     background-repeat: no-repeat;
 }
 
+scale.horizontal contents:first-child:not(:only-child) slider:hover,
 scale.horizontal.scale-has-marks-below slider:hover {
 	background-image: url("assets/scale-slider-marks-below-horizontal-active.png");
     background-repeat: no-repeat;
 }
 
+scale.horizontal contents:first-child:not(:only-child) slider:hover,
+scale.horizontal contents:first-child:not(:only-child) slider:active:hover,
 scale.horizontal.scale-has-marks-below slider:active,
 scale.horizontal.scale-has-marks-below slider:active:hover {
 	background-image: url("assets/scale-slider-marks-below-horizontal-active.png");
     background-repeat: no-repeat;
 }
 
+scale.horizontal contents:first-child:not(:only-child) slider:disabled,
 scale.horizontal.scale-has-marks-below slider:disabled:hover {
 	background-image: url("assets/scale-slider-marks-below-horizontal-active.png");
     background-repeat: no-repeat;
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index 99dc9745..47b29d1e 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -1091,8 +1091,9 @@ scale.horizontal.scale-has-marks-above.color trough {
 }
 
 scale.horizontal.scale-has-marks-above.color slider {
-    min-height: 10px;
-     margin: 0px 0px -5px 0px;
+    min-height: 18px;
+    min-width: 24px;
+    margin: 0px 0px -5px 0px;
     padding: 9px 0px;
 }
 
@@ -1101,6 +1102,17 @@ scale.vertical.scale-has-marks-below.color trough {
     padding: 3px;
 }
 
+scale.vertical.scale-has-marks-below.color slider {
+    min-width: 22px;
+    padding: 3px;
+}
+
+scale.horizontal contents:first-child:not(:only-child) slider {
+    background-repeat: no-repeat;
+    min-height: 22px;
+    background-size: 100%;
+}
+
 scale.vertical.scale-has-marks-below.color slider:hover,
 scale.horizontal.scale-has-marks-above.color slider:hover {
     background-size: 105%;