darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-04-19 08:40:55 -04:00
Code Issues Packages Projects Releases Wiki Activity

Move cancel buttons alongside submit buttons

Browse Source 
This is better because it saves vertical space for the contents of the
pop-up menu.

This commit also adds some padding to the cancel and clear buttons, to
make them easier targets to hit.
This commit is contained in:
Chris Hill-Scott
2018-12-10 17:07:30 +00:00
parent 4b305376f7
commit 0c71ca0f0e
3 changed files with 30 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/templateFolderForm.js
View File

@@ -52,7 +52,7 @@
this.selectActionButtons();
});
state.$el.append($cancel);
state.$el.find('[type=submit]').after($cancel);
};
this.addClearButton = function(state) {
@@ -71,7 +71,7 @@
this.makeButton = (text, fn) => $('<a></a>')
.html(text)
.addClass('page-footer-js-cancel')
.addClass('js-cancel')
.attr('tabindex', '0')
.on('click keydown', event => {
event.preventDefault();
@@ -136,7 +136,7 @@
<button class="button-secondary" value="move-to-existing-folder">Move</button>
<button class="button-secondary" value="move-to-new-folder">Add to a new folder</button>
<div class="template-list-selected-counter">
<span class="template-list-selected-counter-count">1</span> selected &ensp;
<span class="template-list-selected-counter-count">1</span> selected
</div>
</div>
`;