[Sugar-devel] [PATCH sugar-artwork] Remove radius between the two sides of the GtkScale trough

[Manuel Quiñones]

We had a radius set for all the corners of the trough, and that was
making the bar rounded at the two sides of the slider.  This was
partially hidden below the slider.

Also remove the hardcoded number for the radius.

The GtkScale still needs love.

Signed-off-by: Manuel Quiñones <manuq at laptop.org>
---
 gtk3/theme/gtk-widgets.css.em | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index 5549970..ba30804 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -562,11 +562,18 @@ GtkScale {
 
 GtkScale.trough {
     border-style: solid;
-    border-radius: 30px;
     border-color: @button_grey;
     border-width: 2px;
 }
 
+GtkVScale.trough {
+    border-radius: 0px 0px $(2*subcell_size)px $(2*subcell_size)px;
+}
+
+GtkHScale.trough {
+    border-radius: 0px $(2*subcell_size)px $(2*subcell_size)px 0px;
+}
+
 GtkScale.trough:focused {
     border-color: @white;
 }
@@ -575,6 +582,13 @@ GtkScale.trough.top, GtkScale.trough.left {
     background-color: @white;
 }
 
+GtkScale.trough.top {
+    border-radius: $(2*subcell_size)px $(2*subcell_size)px 0px 0px;
+}
+GtkScale.trough.left {
+    border-radius: $(2*subcell_size)px 0px 0px $(2*subcell_size)px;
+}
+
 GtkScale.slider {
     color: alpha(@theme_base_color, 0.0);
     background-color: alpha(@theme_base_color, 0.0);
-- 
1.7.11.4