Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorManuel Quiñones <manuq@laptop.org>2013-01-29 17:23:45 (GMT)
committer Manuel Quiñones <manuq@laptop.org>2013-01-29 17:27:50 (GMT)
commite9997ca467430b0c1c6f16474d2db80c9bb95dc5 (patch)
tree7d5968917b94a00f63e0ebf9adcc7b2edc57c08e
parentff8e0ffe1aadbd6b2ede5e4238ee459e3f2e97d3 (diff)
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>
-rw-r--r--gtk3/theme/gtk-widgets.css.em6
1 files changed, 4 insertions, 2 deletions
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 {