mirror of
https://github.com/balena-io/etcher.git
synced 2025-07-23 19:26:33 +00:00
Make a CSS class for fixed-width step buttons
This commit is contained in:
parent
3a5310c317
commit
7b48eeb993
@ -6026,7 +6026,7 @@ button.btn, button.progress-button {
|
||||
button.btn[disabled]:hover, button[disabled].progress-button:hover {
|
||||
background-color: #36383e; }
|
||||
|
||||
.btn:not(.btn-link), .progress-button:not(.btn-link) {
|
||||
.btn-brick {
|
||||
min-width: 170px; }
|
||||
|
||||
.btn > .glyphicon, .progress-button > .glyphicon, .btn > .tick, .progress-button > .tick {
|
||||
|
@ -6,7 +6,7 @@
|
||||
|
||||
<div class="space-vertical-large">
|
||||
<div ng-hide="app.selection.hasImage()">
|
||||
<button class="btn btn-primary" ng-click="app.selectImage()">Select image</button>
|
||||
<button class="btn btn-primary btn-brick" ng-click="app.selectImage()">Select image</button>
|
||||
<p class="step-footer">*supported files: .img, .iso, .zip</p>
|
||||
</div>
|
||||
<div ng-show="app.selection.hasImage()">
|
||||
@ -30,7 +30,7 @@
|
||||
|
||||
<div ng-show="app.scanner.hasAvailableDrives() || !app.selection.hasImage()">
|
||||
<div class="btn-group" uib-dropdown>
|
||||
<button class="btn btn-primary"
|
||||
<button class="btn btn-primary btn-brick"
|
||||
ng-disabled="!app.selection.hasImage()"
|
||||
uib-dropdown-toggle>Select drive</button>
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
</div>
|
||||
|
||||
<div ng-hide="app.scanner.hasAvailableDrives() || !app.selection.hasImage()">
|
||||
<button class="btn btn-danger">Connect a drive</button>
|
||||
<button class="btn btn-danger btn-brick">Connect a drive</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -58,7 +58,7 @@
|
||||
<span class="badge space-top-medium" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">3</span>
|
||||
|
||||
<div class="space-vertical-large">
|
||||
<progress-button percentage="app.writer.state.progress" ng-attr-active="{{ app.writer.isBurning() }}"
|
||||
<progress-button class="btn-brick" percentage="app.writer.state.progress" ng-attr-active="{{ app.writer.isBurning() }}"
|
||||
ng-click="app.burn(app.selection.getImage(), app.selection.getDrive())"
|
||||
ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">
|
||||
<span ng-show="app.writer.state.progress == 100 && app.writer.isBurning()">Finishing...</span>
|
||||
|
@ -11,7 +11,7 @@
|
||||
<div class="box">
|
||||
<p class="soft button-label">Would you like to burn the same image?</p>
|
||||
|
||||
<button class="btn btn-primary" ng-click="finish.restart({ preserveImage: true })">
|
||||
<button class="btn btn-primary btn-brick" ng-click="finish.restart({ preserveImage: true })">
|
||||
Use <b>same</b> image
|
||||
</button>
|
||||
</div>
|
||||
@ -23,7 +23,7 @@
|
||||
<div class="box">
|
||||
<p class="soft button-label">Would you like to burn a new image?</p>
|
||||
|
||||
<button class="btn btn-primary" ng-click="finish.restart()">
|
||||
<button class="btn btn-primary btn-brick" ng-click="finish.restart()">
|
||||
Use <b>new</b> image
|
||||
</button>
|
||||
</div>
|
||||
|
@ -37,7 +37,7 @@ button.btn {
|
||||
}
|
||||
}
|
||||
|
||||
.btn:not(.btn-link) {
|
||||
.btn-brick {
|
||||
min-width: $btn-min-width;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user