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

Add "Change" button links below each step (#306)

Browse Source 
Fixes: https://github.com/resin-io/etcher/issues/290
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-04-12 15:59:42 -04:00
parent e3bac8dc64
commit dec10f618e
3 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
build/css/main.css
View File

@ -6372,6 +6372,12 @@ body {
color: #85898c; color: #85898c;
font-size: 10px; } font-size: 10px; }
.btn.step-footer, .step-footer.progress-button {
font-size: 12px;
border-bottom: 1px dashed;
border-radius: 0;
padding: 0; }
.separator-xs { .separator-xs {
flex-grow: 0; flex-grow: 0;
background-color: #64686a; background-color: #64686a;

15
lib/partials/main.html
View File

@ -10,7 +10,11 @@
<p class="step-footer">*supported files: .img, .iso, .zip</p> <p class="step-footer">*supported files: .img, .iso, .zip</p>
</div> </div>
<div ng-show="app.selection.hasImage()"> <div ng-show="app.selection.hasImage()">
<span ng-bind="app.selection.getImage() | basename" ng-click="app.reselectImage()"></span> <div ng-bind="app.selection.getImage() | basename" ng-click="app.reselectImage()"></div>
<button class="btn btn-link step-footer"
ng-click="app.reselectImage()"
ng-hide="app.writer.isFlashing()">Change</button>
</div> </div>
</div> </div>
</div> </div>
@ -39,7 +43,14 @@
</div> </div>
</div> </div>
<div ng-show="app.selection.hasDrive()" ng-bind="app.selection.getDrive().name + ' - ' + app.selection.getDrive().size" ng-click="app.reselectDrive()"></div> <div ng-show="app.selection.hasDrive()">
<div ng-bind="app.selection.getDrive().name + ' - ' + app.selection.getDrive().size"
ng-click="app.reselectDrive()"></div>
<button class="btn btn-link step-footer"
ng-click="app.reselectDrive()"
ng-hide="app.writer.isFlashing()">Change</button>
</div>
</div> </div>
</div> </div>
</div> </div>

7
lib/scss/main.scss
View File

@ -134,6 +134,13 @@ body {
font-size: 10px; font-size: 10px;
} }
.btn.step-footer {
font-size: 12px;
border-bottom: 1px dashed;
border-radius: 0;
padding: 0;
}
.separator-xs { .separator-xs {
flex-grow: 0; flex-grow: 0;
background-color: darken($color-disabled, 8%); background-color: darken($color-disabled, 8%);