Move ToolBar buttons to the right side. Remove labels and add tooltips.

This commit is contained in:
CJ Cenizal 2016-12-23 14:04:49 -08:00
parent 94afb6f3d4
commit 6a66f6f5c9

View file

@ -30,34 +30,34 @@
</div>
</div>
<div class="kuiToolBarSection">
<!-- We need an empty section for the buttons to be positioned consistently. -->
</div>
<div class="kuiToolBarSection">
<!-- Bulk delete button -->
<button
class="kuiButton kuiButton--danger kuiButton--iconText"
class="kuiButton kuiButton--danger"
confirm-click="listingController.deleteSelectedItems()"
confirmation="Are you sure you want to delete the selected visualizations? This action is irreversible!"
aria-label="Delete selected objects"
ng-hide="listingController.getSelectedItemsCount() === 0"
tooltip="Delete selected visualizations"
>
<span aria-hidden="true" class="kuiButton__icon kuiIcon fa-trash"></span>
Delete
</button>
<!-- Create visualization button -->
<a
class="kuiButton kuiButton--primary kuiButton--iconText"
class="kuiButton kuiButton--primary"
href="#/visualize/step/1"
aria-label="Create new visualization"
ng-hide="listingController.getSelectedItemsCount() > 0"
tooltip="Create new visualization"
>
<span aria-hidden="true" class="kuiButton__icon kuiIcon fa-plus"></span>
Create visualization
</a>
</div>
<div class="kuiToolBarSection">
<!-- We need an empty section for the buttons to be positioned consistently. -->
</div>
</div>
<!-- NoResults -->
@ -84,7 +84,7 @@
</th>
<th class="kuiTableHeaderCell">
Visualization
Name
</th>
<th class="kuiTableHeaderCell">