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

feat(GUI): warning makes drive-selector button orange (#2044)

Browse Source 
We make the drive-selector button orange when there is a warning attached
to the image-drive pair.

Change-Type: patch
Changelog-Entry: Make the drive-selector button orange on warnings.
This commit is contained in:
Benedict Aas 2018-02-19 11:27:30 +00:00 committed by GitHub
parent 4802854cff
commit fdf15f53d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html
View File

@ -55,6 +55,9 @@
<div class="modal-footer"> <div class="modal-footer">
<button class="button button-primary button-block" <button class="button button-primary button-block"
tabindex="{{ 15 + modal.getDrives().length }}" tabindex="{{ 15 + modal.getDrives().length }}"
ng-class="{
'button-warning': modal.constraints.hasDriveImageCompatibilityStatus(modal.state.getDrive(), modal.state.getImage())
}"
ng-click="modal.closeModal()" ng-click="modal.closeModal()"
ng-disabled="!modal.state.hasDrive()">Continue</button> ng-disabled="!modal.state.hasDrive()">Continue</button>
</div> </div>

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

@ -69,6 +69,10 @@ $button-types-styles: (
danger: ( danger: (
bg: $palette-theme-danger-background, bg: $palette-theme-danger-background,
color: $palette-theme-danger-foreground color: $palette-theme-danger-foreground
),
warning: (
bg: $palette-theme-warning-background,
color: $palette-theme-danger-foreground
) )
); );

1
lib/gui/app/scss/modules/_theme.scss
View File

@ -30,6 +30,7 @@ $palette-theme-default-foreground: #b3b3b3;
$palette-theme-primary-background: #5793db; $palette-theme-primary-background: #5793db;
$palette-theme-primary-foreground: #fff; $palette-theme-primary-foreground: #fff;
$palette-theme-warning-background: #ff912f; $palette-theme-warning-background: #ff912f;
$palette-theme-warning-foreground: #fff;
$palette-theme-danger-background: #d9534f; $palette-theme-danger-background: #d9534f;
$palette-theme-danger-foreground: #fff; $palette-theme-danger-foreground: #fff;
$palette-theme-success-background: #5fb835; $palette-theme-success-background: #5fb835;

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

@ -6160,6 +6160,15 @@ body {
background-color: #c9302c; background-color: #c9302c;
color: #fff; } color: #fff; }
.button-warning {
background-color: #ff912f;
color: #fff; }
.button-warning:focus,
.button-warning:hover {
background-color: #fb7600;
color: #fff; }
/* /*
* Copyright 2016 resin.io * Copyright 2016 resin.io
* *