UX: Clean up button styles for query pages

- Add a "play" glyph for the Run & SaveRun buttons
- ensure that there's only one primary button on the page i.e. Run
- Remove btn-danger from discard button
- remove redundant button class from create button
- Improve redundant copy by removing the word "Query"
This commit is contained in:
Rishabh 2019-02-05 14:21:52 +05:30
parent 297aefcd47
commit 6a69daf39a
2 changed files with 8 additions and 8 deletions

View File

@ -12,7 +12,7 @@
{{#if showCreate}} {{#if showCreate}}
<div class="query-create"> <div class="query-create">
{{text-field value=newQueryName placeholderKey="explorer.create_placeholder"}} {{text-field value=newQueryName placeholderKey="explorer.create_placeholder"}}
{{d-button action=(action "create") disabled=createDisabled label="explorer.create" icon="plus" class="btn-primary"}} {{d-button action=(action "create") disabled=createDisabled label="explorer.create" icon="plus"}}
</div> </div>
{{/if}} {{/if}}
@ -76,10 +76,10 @@
<div class="pull-left"> <div class="pull-left">
{{#if everEditing}} {{#if everEditing}}
{{d-button action=(action "save") label="explorer.save" disabled=saveDisabled class="btn-primary"}} {{d-button action=(action "save") label="explorer.save" disabled=saveDisable}}
{{else}} {{else}}
{{#unless editDisabled}} {{#unless editDisabled}}
{{d-button action=(action "editName") label="explorer.edit" icon="pencil" class="btn-primary"}} {{d-button action=(action "editName") label="explorer.edit" icon="pencil"}}
{{/unless}} {{/unless}}
{{/if}} {{/if}}
{{d-button action=(action "download") label="explorer.export" disabled=runDisabled icon="download"}} {{d-button action=(action "download") label="explorer.export" disabled=runDisabled icon="download"}}
@ -89,7 +89,7 @@
{{d-button action=(action "recover") class="" icon="undo" label="explorer.recover"}} {{d-button action=(action "recover") class="" icon="undo" label="explorer.recover"}}
{{else}} {{else}}
{{#if everEditing}} {{#if everEditing}}
{{d-button action=(action "discard") class="btn-danger" icon="undo" label="explorer.undo" disabled=saveDisabled}} {{d-button action=(action "discard") icon="undo" label="explorer.undo" disabled=saveDisabled}}
{{/if}} {{/if}}
{{#unless editDisabled}} {{#unless editDisabled}}
{{d-button action=(action "destroy") class="btn-danger" icon="trash" label="explorer.delete"}} {{d-button action=(action "destroy") class="btn-danger" icon="trash" label="explorer.delete"}}
@ -116,10 +116,10 @@
{{#if saveDisabled}} {{#if saveDisabled}}
{{d-button label="explorer.run" disabled="true" class="btn-primary"}} {{d-button label="explorer.run" disabled="true" class="btn-primary"}}
{{else}} {{else}}
{{d-button action=(action "saverun") label="explorer.saverun"}} {{d-button action=(action "saverun") icon="play" label="explorer.saverun" class="btn-primary"}}
{{/if}} {{/if}}
{{else}} {{else}}
{{d-button action=(action "run") label="explorer.run" disabled=runDisabled class="btn-primary" type="submit"}} {{d-button action=(action "run") icon="play" label="explorer.run" disabled=runDisabled class="btn-primary" type="submit"}}
{{/if}} {{/if}}
<label class="query-plan">{{input type="checkbox" checked=explain name="explain"}} {{i18n "explorer.explain_label"}}</label> <label class="query-plan">{{input type="checkbox" checked=explain name="explain"}} {{i18n "explorer.explain_label"}}</label>
</form> </form>

View File

@ -42,8 +42,8 @@ en:
null_: "Null" null_: "Null"
export: "Export" export: "Export"
save: "Save Changes" save: "Save Changes"
saverun: "Save Changes and Run Query" saverun: "Save Changes and Run"
run: "Run Query" run: "Run"
undo: "Discard Changes" undo: "Discard Changes"
edit: "Edit" edit: "Edit"
delete: "Delete" delete: "Delete"