luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Fix progress bar gradient direction

Browse Source
This commit is contained in:
EliverLara
2018-10-24 13:12:35 -05:00
parent 71ed73afe8
commit fe51bff9db
5 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
gtk-3.0/_drawing.scss
View File

@@ -593,3 +593,7 @@ box-shadow: none;
border: none;
box-shadow: none;
}
@mixin scale-highlight($dir) {
background: linear-gradient(to $dir, #00f17d, #00f7d2);
}

5
gtk-3.0/gtk-dark.css
View File

@@ -3310,7 +3310,8 @@ progressbar {
progressbar.horizontal progress {
margin: 0; }
progressbar.vertical progress {
margin: 0; }
margin: 0;
background: linear-gradient(to bottom, #00f17d, #00f7d2); }
progressbar:backdrop {
box-shadow: none;
transition: 200ms ease-out; }
@@ -3367,6 +3368,8 @@ scale {
scale.vertical trough,
scale.vertical progress {
min-width: 6px; }
scale.vertical highlight {
background: linear-gradient(to bottom, #00f17d, #00f7d2); }
scale slider {
min-height: 15px;
min-width: 15px;

5
gtk-3.0/gtk.css
View File

@@ -3310,7 +3310,8 @@ progressbar {
progressbar.horizontal progress {
margin: 0; }
progressbar.vertical progress {
margin: 0; }
margin: 0;
background: linear-gradient(to bottom, #00f17d, #00f7d2); }
progressbar:backdrop {
box-shadow: none;
transition: 200ms ease-out; }
@@ -3367,6 +3368,8 @@ scale {
scale.vertical trough,
scale.vertical progress {
min-width: 6px; }
scale.vertical highlight {
background: linear-gradient(to bottom, #00f17d, #00f7d2); }
scale slider {
min-height: 15px;
min-width: 15px;

4
gtk-3.0/widgets/_progress-bars.scss
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

5
gtk-3.0/widgets/_scales.scss
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