jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-04-24 07:17:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(GUI): badge coloring (#675)

Browse Source 
Move `.badge` coloring to the main page's style file, since the style we
currently hardcode on the component itself is very tied to the
particular context the badge is being instantiated in.

Signed-off-by: Juan Cruz Viotti <jviotti@openmailbox.org>
This commit is contained in:
Juan Cruz Viotti 2016-09-02 10:30:56 -04:00 committed by GitHub
parent 0b7232c339
commit 5b0698192b
3 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
build/css/main.css
View File

@ -6081,13 +6081,7 @@ body {
padding: 7px 10px;
position: relative;
z-index: 10;
letter-spacing: 0;
background-color: #535760;
color: #fff; }
.badge[disabled] {
background-color: #5a5d60;
color: #787c7f; }
letter-spacing: 0; }
/*
* Copyright 2016 Resin.io
@ -6527,6 +6521,13 @@ body {
.page-main .icon-caption[disabled] {
color: #787c7f; }
.page-main .badge {
background-color: #535760;
color: #fff; }
.page-main .badge[disabled] {
background-color: #5a5d60;
color: #787c7f; }
.svg-icon[disabled] path {
fill: #787c7f; }

10
lib/gui/pages/main/styles/_main.scss
View File

@ -29,6 +29,16 @@
}
}
.page-main .badge {
background-color: $palette-theme-dark-background;
color: $palette-theme-dark-foreground;
&[disabled] {
background-color: darken($palette-theme-dark-disabled-foreground, 12%);
color: $palette-theme-dark-disabled-foreground;
}
}
.svg-icon[disabled] path {
fill: $palette-theme-dark-disabled-foreground;
}

7
lib/gui/scss/components/_badge.scss
View File

@ -21,11 +21,4 @@
position: relative;
z-index: 10;
letter-spacing: 0;
background-color: $palette-theme-dark-background;
color: $palette-theme-dark-foreground;
}
.badge[disabled] {
background-color: darken($palette-theme-dark-disabled-foreground, 12%);
color: $palette-theme-dark-disabled-foreground;
}