AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: progressbar sizing and progress component positioning

Browse Source 
shrinked progressbars a bit and moved the progress component start
and end over the trough border.
This commit is contained in:
Lapo Calamandrei 2015-12-21 11:28:45 +01:00
parent 436a258bb0
commit 124923213f
3 changed files with 35 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
gtk/theme/Adwaita/_common.scss
View File

@ -2398,8 +2398,22 @@ scale {
*****************/
progressbar {
// sizing
&.horizontal {
trough,
progress { min-height: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
}
&.vertical {
trough,
progress { min-width: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
}
&.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border
&.vertical progress { margin: -1px 0; } // this moves it over it.
// FIXME: insensitive state missing and some other state should be set probably
padding: 0;
font-size: smaller;
color: transparentize($fg_color, 0.6);

11
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -3419,10 +3419,19 @@ scale {
* Progress bars *
*****************/
progressbar {
padding: 0;
font-size: smaller;
color: rgba(238, 238, 236, 0.4);
box-shadow: 0 1px rgba(238, 238, 236, 0); }
progressbar.horizontal trough,
progressbar.horizontal progress {
min-height: 4px; }
progressbar.vertical trough,
progressbar.vertical progress {
min-width: 4px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
margin: -1px 0; }
progressbar:backdrop {
box-shadow: none; }
progressbar progress {

11
gtk/theme/Adwaita/gtk-contained.css
View File

@ -3581,10 +3581,19 @@ scale {
* Progress bars *
*****************/
progressbar {
padding: 0;
font-size: smaller;
color: rgba(46, 52, 54, 0.4);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.horizontal trough,
progressbar.horizontal progress {
min-height: 4px; }
progressbar.vertical trough,
progressbar.vertical progress {
min-width: 4px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
margin: -1px 0; }
progressbar:backdrop {
box-shadow: none; }
progressbar progress {