Labeled controls in Belle (#6555)

This commit is contained in:
Florian Beijers
2019-10-14 17:25:17 +02:00
committed by Sebastiaan Janssen
parent cbcef8ba6c
commit e8f84e5974
5 changed files with 11 additions and 11 deletions

View File

@@ -64,7 +64,7 @@
</li>
<li class="umb-breadcrumbs__ancestor" ng-show="!lockedFolder">
<a href ng-hide="model.showFolderInput" ng-click="model.showFolderInput = true">
<a role="button" aria-label="Create new folder" ng-hide="model.showFolderInput" ng-click="model.showFolderInput = true">
<i class="icon icon-add small"></i>
</a>

View File

@@ -243,7 +243,7 @@
</umb-property-editor>
</ng-form>
<button class="umb-group-builder__open-settings" ng-if="!property.inherited && !property.locked" ng-click="editPropertyTypeSettings(property, tab)"></button>
<button aria-label="Open settings" class="umb-group-builder__open-settings" ng-if="!property.inherited && !property.locked" ng-click="editPropertyTypeSettings(property, tab)"></button>
</div>
@@ -254,12 +254,12 @@
<!-- settings for property -->
<div class="umb-group-builder__property-action">
<button class="icon icon-settings" ng-click="editPropertyTypeSettings(property, tab)"></button>
<button aria-label="Open settings" class="icon icon-settings" ng-click="editPropertyTypeSettings(property, tab)"></button>
</div>
<!-- delete property -->
<div ng-if="!property.locked" class="umb-group-builder__property-action">
<button class="icon-trash" ng-click="togglePrompt(property)"></button>
<button aria-label="Delete property" class="icon-trash" ng-click="togglePrompt(property)"></button>
<umb-confirm-action
ng-if="property.deletePrompt"
direction="left"

View File

@@ -2,11 +2,11 @@
<div class="umb-locked-field__wrapper">
<button ng-if="locked" ng-click="unlock()" class="umb-locked-field__toggle">
<button aria-label="Unlock" ng-if="locked" ng-click="unlock()" class="umb-locked-field__toggle">
<i class="umb-locked-field__lock-icon icon-lock" aria-hidden="true"></i>
</button>
<button ng-if="!locked" ng-click="lock()" class="umb-locked-field__toggle">
<button aria-label="Lock" ng-if="!locked" ng-click="lock()" class="umb-locked-field__toggle">
<i class="umb-locked-field__lock-icon icon-unlocked -unlocked" aria-hidden="true"></i>
</button>

View File

@@ -20,14 +20,14 @@
<div class="umb-sortable-thumbnails__actions" data-element="sortable-thumbnail-actions">
<a class="umb-sortable-thumbnails__action -red" data-element="action-remove" href="" ng-click="remove()">
<a role="button" aria-label="Remove" class="umb-sortable-thumbnails__action -red" data-element="action-remove" ng-click="remove()">
<i class="icon icon-delete"></i>
</a>
</div>
</li>
<li style="border: none;" class="add-wrapper unsortable" ng-hide="model.value">
<a data-element="sortable-thumbnails-add" href="#" class="add-link add-link-square" ng-click="add()" prevent-default>
<a role="button" aria-label="Open media picker" data-element="sortable-thumbnails-add" class="add-link add-link-square" ng-click="add()" prevent-default>
<i class="icon icon-add large"></i>
</a>
</li>

View File

@@ -36,16 +36,16 @@
</umb-file-icon>
<div class="umb-sortable-thumbnails__actions" data-element="sortable-thumbnail-actions">
<a ng-if="allowEditMedia" class="umb-sortable-thumbnails__action" data-element="action-edit" href="" ng-click="vm.editItem(media)">
<a role="button" aria-label="Edit media" ng-if="allowEditMedia" class="umb-sortable-thumbnails__action" data-element="action-edit" ng-click="vm.editItem(media)">
<i class="icon icon-edit"></i>
</a>
<a class="umb-sortable-thumbnails__action -red" data-element="action-remove" href="" ng-click="vm.remove($index)">
<a role="button" aria-label="Remove" class="umb-sortable-thumbnails__action -red" data-element="action-remove" ng-click="vm.remove($index)">
<i class="icon icon-delete"></i>
</a>
</div>
</li>
<li style="border: none;" class="add-wrapper unsortable" ng-if="vm.showAdd() && allowAddMedia">
<a data-element="sortable-thumbnails-add" href="#" class="add-link" ng-click="vm.add()" ng-class="{'add-link-square': (mediaItems.length === 0 || isMultiPicker)}" prevent-default>
<a role="button" aria-label="Open media picker" data-element="sortable-thumbnails-add" class="add-link" ng-click="vm.add()" ng-class="{'add-link-square': (mediaItems.length === 0 || isMultiPicker)}" prevent-default>
<i class="icon icon-add large"></i>
</a>
</li>