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

refactor(GUI): move button min-width rules to page styles (#677)

Browse Source 
The `.button` component is not the responsible of knowing the
`min-width` it should occupy in the actual pages.

Signed-off-by: Juan Cruz Viotti <jviotti@openmailbox.org>
This commit is contained in:
Juan Cruz Viotti 2016-09-02 11:47:20 -04:00 committed by GitHub
parent 17b5ef96da
commit cefff7b934
4 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
build/css/main.css
View File

@ -6135,9 +6135,6 @@ body {
.button-no-hover, .button[disabled], [disabled].progress-button, .progress-button[active="true"] { .button-no-hover, .button[disabled], [disabled].progress-button, .progress-button[active="true"] {
pointer-events: none; } pointer-events: none; }
.button-brick {
min-width: 170px; }
.button-default, .button-default,
.button-default:focus { .button-default:focus {
background-color: #ececec; background-color: #ececec;
@ -6538,6 +6535,9 @@ body {
.page-main .relative { .page-main .relative {
position: relative; } position: relative; }
.page-main .button-brick {
min-width: 170px; }
.page-main .step-border-left, .page-main .step-border-right { .page-main .step-border-left, .page-main .step-border-right {
height: 2px; height: 2px;
background-color: #fff; background-color: #fff;
@ -6641,6 +6641,9 @@ body {
margin: 0 auto 15px; margin: 0 auto 15px;
max-width: 165px; } max-width: 165px; }
.page-finish .button-primary, .page-finish .progress-button {
min-width: 170px; }
.page-finish .title { .page-finish .title {
color: #fff; } color: #fff; }

4
lib/gui/pages/finish/styles/_finish.scss
View File

@ -21,6 +21,10 @@
max-width: $btn-min-width - 5px; max-width: $btn-min-width - 5px;
} }
.page-finish .button-primary {
min-width: $btn-min-width;
}
.page-finish .title { .page-finish .title {
color: $palette-theme-dark-foreground; color: $palette-theme-dark-foreground;
} }

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

@ -55,6 +55,10 @@
position: relative; position: relative;
} }
.page-main .button-brick {
min-width: $btn-min-width;
}
%step-border { %step-border {
height: 2px; height: 2px;
background-color: $palette-theme-dark-foreground; background-color: $palette-theme-dark-foreground;

4
lib/gui/scss/components/_button.scss
View File

@ -53,10 +53,6 @@
pointer-events: none; pointer-events: none;
} }
.button-brick {
min-width: $btn-min-width;
}
// Create map from Bootstrap `.btn` type styles // Create map from Bootstrap `.btn` type styles
// since its not possible to perform variable // since its not possible to perform variable
// interpolation (e.g: `$btn-${type}-bg`). // interpolation (e.g: `$btn-${type}-bg`).