Make a CSS class for fixed-width step buttons

This commit is contained in:
Juan Cruz Viotti 2016-03-31 09:52:55 -04:00
parent 3a5310c317
commit 7b48eeb993
4 changed files with 8 additions and 8 deletions

View File

@ -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 {

View File

@ -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>

View File

@ -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>

View File

@ -37,7 +37,7 @@ button.btn {
}
}
.btn:not(.btn-link) {
.btn-brick {
min-width: $btn-min-width;
}