Adwaita: make progressbars and scales the same size

This commit is contained in:
Lapo Calamandrei 2015-12-21 11:50:56 +01:00
parent 124923213f
commit a54fadced6
3 changed files with 33 additions and 35 deletions

View File

@ -2239,7 +2239,6 @@ checkbutton check {
}
scale {
// FIXME: rationalize
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 26;
-GtkRange-trough-border: 2;
@ -2259,8 +2258,7 @@ scale {
trough { margin: 13px; }
&:not(.vertical) slider { margin: 3px 0; }
&.horizontal slider { margin: 3px 0; }
&.vertical slider { margin: 0 3px; }
// the backing bit
@ -2401,12 +2399,12 @@ progressbar {
// sizing
&.horizontal {
trough,
progress { min-height: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
progress { min-height: 2px; } // FIXME: should be 4px, but looks like currently gtk+ consider borders
}
&.vertical {
trough,
progress { min-width: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
progress { min-width: 2px; } // FIXME: should be 4px, but looks like currently gtk+ consider borders
}
&.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border
@ -2430,20 +2428,20 @@ progressbar {
@extend %scale_highlight;
border-radius: 1.5px;
&.left {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
&.right {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
&.top {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
&.bottom {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
}

View File

@ -3083,7 +3083,7 @@ scale {
border-radius: 4px; }
scale trough {
margin: 13px; }
scale:not(.vertical) slider {
scale.horizontal slider {
margin: 3px 0; }
scale.vertical slider {
margin: 0 3px; }
@ -3424,10 +3424,10 @@ progressbar {
box-shadow: 0 1px rgba(238, 238, 236, 0); }
progressbar.horizontal trough,
progressbar.horizontal progress {
min-height: 4px; }
min-height: 2px; }
progressbar.vertical trough,
progressbar.vertical progress {
min-width: 4px; }
min-width: 2px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
@ -3437,17 +3437,17 @@ progressbar {
progressbar progress {
border-radius: 1.5px; }
progressbar progress.left {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
progressbar progress.right {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
progressbar progress.top {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
progressbar progress.bottom {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
progressbar.osd {
min-width: 3px;
min-height: 3px; }

View File

@ -3245,7 +3245,7 @@ scale {
border-radius: 4px; }
scale trough {
margin: 13px; }
scale:not(.vertical) slider {
scale.horizontal slider {
margin: 3px 0; }
scale.vertical slider {
margin: 0 3px; }
@ -3586,10 +3586,10 @@ progressbar {
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.horizontal trough,
progressbar.horizontal progress {
min-height: 4px; }
min-height: 2px; }
progressbar.vertical trough,
progressbar.vertical progress {
min-width: 4px; }
min-width: 2px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
@ -3599,17 +3599,17 @@ progressbar {
progressbar progress {
border-radius: 1.5px; }
progressbar progress.left {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
progressbar progress.right {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
progressbar progress.top {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
progressbar progress.bottom {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
progressbar.osd {
min-width: 3px;
min-height: 3px; }