1
0
Fork 0

Better placement of step loading spinner

Dieser Commit ist enthalten in:
Angus McLeod 2017-12-25 21:29:06 +08:00
Ursprung 5784a9db20
Commit cbdad79c90
2 geänderte Dateien mit 13 neuen und 17 gelöschten Zeilen

Datei anzeigen

@ -32,28 +32,24 @@
<a href {{action "quit"}} class='action-link quit' tabindex="11">{{i18n "wizard.quit"}}</a>
{{/if}}
{{#if showBackButton}}
<a href {{action "backStep"}} class='action-link back' tabindex="11">{{i18n "wizard.back"}}</a>
{{#if saving}}
{{loading-spinner size='small'}}
{{else}}
{{#if showBackButton}}
<a href {{action "backStep"}} class='action-link back' tabindex="11">{{i18n "wizard.back"}}</a>
{{/if}}
{{/if}}
{{#if showNextButton}}
<button class='wizard-btn next primary' {{action "nextStep"}} disabled={{saving}} tabindex="10">
{{#if saving}}
{{loading-spinner size='small'}}
{{else}}
{{i18n "wizard.next"}}
{{d-icon "chevron-right"}}
{{/if}}
{{i18n "wizard.next"}}
{{d-icon "chevron-right"}}
</button>
{{/if}}
{{#if showDoneButton}}
<button class='wizard-btn done' {{action "done"}} disabled={{saving}} tabindex="10">
{{#if saving}}
{{loading-spinner size='small'}}
{{else}}
{{i18n "wizard.done"}}
{{/if}}
{{i18n "wizard.done"}}
</button>
{{/if}}
</div>

Datei anzeigen

@ -115,13 +115,13 @@
padding: 0;
}
.wizard-buttons > a, .wizard-buttons > button {
.wizard-buttons > a, .wizard-buttons > button, .spinner {
display: inline-block;
vertical-align: middle;
}
&.done {
min-width: 55px;
}
.spinner.small {
margin-right: 10px;
}
}