range: first pass at porting to gadgets

There's still a lot to be done, but this is functional and we'll improve
the loose ends in the next commits.
This commit is contained in:
Cosimo Cecchi 2016-01-09 14:00:09 -08:00
parent 10e24b8e19
commit 4bb0a8db47
4 changed files with 543 additions and 510 deletions

File diff suppressed because it is too large Load Diff

View File

@ -2022,6 +2022,24 @@ scrollbar {
button { border: none; }
&.vertical {
button.down {
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
}
button.up {
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
}
}
&.horizontal {
button.down {
-gtk-icon-source: -gtk-icontheme('pan-right-symbolic');
}
button.up {
-gtk-icon-source: -gtk-icontheme('pan-left-symbolic');
}
}
&.overlay-indicator {
&:not(.dragging):not(.hovering) { // Overlay scrolling indicator
opacity: 0.4;

View File

@ -2228,6 +2228,14 @@ notebook > stack:not(:only-child) {
-GtkRange-trough-under-steppers: 1; }
scrollbar button {
border: none; }
scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4;
-GtkRange-slider-width: 5px; }

View File

@ -2238,6 +2238,14 @@ notebook > stack:not(:only-child) {
-GtkRange-trough-under-steppers: 1; }
scrollbar button {
border: none; }
scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4;
-GtkRange-slider-width: 5px; }