GtkScale: remove inner radius from the trough - SL #3983

This is specially noticeable when the scale slider is not visible,
which is the case of the current palettes.  But is good to fix it
anyway because we cannot depend on the slider to hide it, the bug
might be noticeable with the slider above too.

Signed-off-by: Manuel Quiñones <manuq@laptop.org>
Acked-by: Simon Schampijer <simon@laptop.org>

1 files changed, 16 insertions, 1 deletions

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index d29ac5e..63073ae 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -577,7 +577,6 @@ SugarPaletteWindowWidget GtkScrolledWindow * {
 .scale.trough {
     background-color: @button_grey;
     border-style: solid;
-    border-radius: $(2*subcell_size)px;
     border-color: @button_grey;
     border-width: $(thickness)px;
 }
@@ -596,6 +595,22 @@ SugarPaletteWindowWidget GtkScrolledWindow * {
     border-color: @selection_grey;
 }
 
+.scale.trough {
+    border-radius: 0px $(2*subcell_size)px $(2*subcell_size)px 0px;
+}
+
+.scale.trough.vertical {
+    border-radius: 0px 0px $(2*subcell_size)px $(2*subcell_size)px;
+}
+
+.scale.trough.top {
+    border-radius: $(2*subcell_size)px $(2*subcell_size)px 0px 0px;
+}
+
+.scale.trough.left {
+    border-radius: $(2*subcell_size)px 0px 0px $(2*subcell_size)px;
+}
+
 .scale.slider,
 .scale.slider:active {
     background-color: transparent;