Fix progress bar gradient direction

This commit is contained in:
EliverLara
2018-10-24 13:12:35 -05:00
parent 14bfdffe44
commit 83b141db15
5 changed files with 17 additions and 6 deletions

View File

@@ -13,8 +13,8 @@ progressbar {
progress { min-width: 6px; }
}
&.horizontal progress { margin: 0; } // the progress node is positioned after the trough border
&.vertical progress { margin: 0; } // this moves it over it.
&.horizontal progress { margin: 0;} // the progress node is positioned after the trough border
&.vertical progress { margin: 0; @include scale-highlight(bottom);} // this moves it over it.
// FIXME: insensitive state missing and some other state should be set probably

View File

@@ -19,7 +19,7 @@
%scale_highlight {
border: none;
background: linear-gradient(to right, #00f17d, #00f7d2);
@include scale-highlight(right);
border-radius: 3px;
margin: 0;
@@ -54,7 +54,8 @@ scale {
&.vertical {
trough,
progress { min-width: 6px; }
progress { min-width: 6px;}
highlight { @include scale-highlight(bottom); }
}
// the slider is inside the trough, so to have make it bigger there's a negative margin