From e9997ca467430b0c1c6f16474d2db80c9bb95dc5 Mon Sep 17 00:00:00 2001
From: Manuel Quiñones <manuq@laptop.org>
Date: Tue, 29 Jan 2013 17:23:45 +0000
Subject: Improve style of the scrollbar - SL #4357

Add a thin border to the slider, same color as the bar background, to
make it work in white canvases.

Signed-off-by: Manuel Quiñones <manuq@laptop.org>
Reviewed-by: Daniel Francis <francis@sugarlabs.org>
---
diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index 916e764..9fba8bc 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -503,7 +503,7 @@ SugarPaletteHeaderSeparator.menuitem.separator {
 /* Scrollbars */
 
 .scrollbar {
-    -GtkRange-slider-width: $subcell_size;
+    -GtkRange-slider-width: $(subcell_size + 2*thickness);
     -GtkRange-trough-border: 0;
     -GtkRange-stepper-size: 0;
     -GtkScrollbar-min-slider-length: $(3*subcell_size);
@@ -521,7 +521,9 @@ SugarPaletteHeaderSeparator.menuitem.separator {
 .scrollbar.slider {
     background-color: @white;
     border-radius: $(2*subcell_size)px;
-    border-width: 0px;
+    border-width: $(thickness)px;
+    border-color: @button_grey;
+    border-style: solid;
 }
 
 .scrollbar.slider:active {
--
cgit v0.9.1