UX: Show Rollback and Backup buttons on same line

This commit is contained in:
Gerhard Schlager 2018-08-31 12:01:59 +02:00
parent 8ce8edaf40
commit 5310b4841d
2 changed files with 23 additions and 37 deletions

View File

@ -5,33 +5,31 @@
{{nav-item route='admin.backups.index' label='admin.backups.menu.backups'}}
{{nav-item route='admin.backups.logs' label='admin.backups.menu.logs'}}
{{plugin-outlet name="downloader" tagName=""}}
<div class="backup-operations">
{{#if model.canRollback}}
{{d-button action="rollback"
class="btn-rollback"
label="admin.backups.operations.rollback.label"
title="admin.backups.operations.rollback.title"
icon="ambulance"
disabled=rollbackDisabled}}
{{/if}}
{{#if model.isOperationRunning}}
{{d-button action="cancelOperation"
class="btn-danger"
title="admin.backups.operations.cancel.title"
label="admin.backups.operations.cancel.label"
icon="times"}}
{{else}}
{{d-button action="startBackup"
class="btn-primary"
title="admin.backups.operations.backup.title"
label="admin.backups.operations.backup.label"
icon="rocket"}}
{{/if}}
</div>
<div class="admin-actions">
{{#if model.canRollback}}
{{d-button action="rollback"
class="btn-rollback"
label="admin.backups.operations.rollback.label"
title="admin.backups.operations.rollback.title"
icon="ambulance"
disabled=rollbackDisabled}}
{{/if}}
{{#if model.isOperationRunning}}
{{d-button action="cancelOperation"
class="btn-danger"
title="admin.backups.operations.cancel.title"
label="admin.backups.operations.cancel.label"
icon="times"}}
{{else}}
{{d-button action="startBackup"
class="btn-primary"
title="admin.backups.operations.backup.title"
label="admin.backups.operations.backup.label"
icon="rocket"}}
{{/if}}
</div>
</ul>
</nav>
</div>
<div class="admin-container">

View File

@ -17,18 +17,6 @@ $rollback-darker: darken($rollback, 20%) !default;
}
}
.backups {
.admin-controls {
.backup-operations {
margin-left: auto;
button {
display: flex;
margin-right: 20px;
}
}
}
}
.admin-backups {
table {
@media screen and (min-width: 550px) {