jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-07-23 11:16:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(GUI): make the progress button blue on verification (#2203)

Browse Source 
We make the progress button blue on verification.

Change-Type: patch
Changelog-Entry: Make the progress button blue on verification.
This commit is contained in:
Benedict Aas 2018-04-16 20:06:40 +01:00 committed by GitHub
parent 1c43ee1b18
commit 7ceec47246
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/gui/app/components/progress-button/styles/_progress-button.scss
View File

@ -59,8 +59,8 @@ $progress-button-stripes-animation-duration: 1s;
}
&.progress-button--striped {
$progress-button-stripes-background-color: desaturate($palette-theme-warning-background, 5%);
$progress-button-stripes-foreground-color: desaturate(darken($palette-theme-warning-background, 18%), 20%);
$progress-button-stripes-background-color: desaturate($palette-theme-primary-background, 5%);
$progress-button-stripes-foreground-color: desaturate(darken($palette-theme-primary-background, 18%), 20%);
// Notice that we add `0.01` to certain gradient stop positions.
// That workarounds a Chrome rendering issue where diagonal
@ -76,7 +76,7 @@ $progress-button-stripes-animation-duration: 1s;
to($progress-button-stripes-background-color));
.progress-button__bar {
background-color: lighten($palette-theme-warning-background, 5%);
background-color: lighten($palette-theme-primary-background, 5%);
}
}

4
lib/gui/css/main.css
View File

@ -6328,9 +6328,9 @@ body {
.progress-button .progress-button__bar {
background-color: #ff9e49; }
.progress-button.progress-button--striped {
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #bd6415), color-stop(0.26, #fa9134), color-stop(0.5, #fa9134), color-stop(0.51, #bd6415), color-stop(0.75, #bd6415), color-stop(0.76, #fa9134), to(#fa9134)); }
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #3b679b), color-stop(0.26, #5c93d6), color-stop(0.5, #5c93d6), color-stop(0.51, #3b679b), color-stop(0.75, #3b679b), color-stop(0.76, #5c93d6), to(#5c93d6)); }
.progress-button.progress-button--striped .progress-button__bar {
background-color: #ff9e49; }
background-color: #6ca1e0; }
.progress-button__content {
position: relative;