Accessibility Amends for the Content Info Tab (#10541)

This commit is contained in:
Rachel Breeze
2021-08-06 14:27:18 +01:00
committed by GitHub
parent 25888a5da1
commit 9b57ec5fa6
2 changed files with 9 additions and 20 deletions

View File

@@ -157,17 +157,18 @@
</umb-node-preview>
</umb-control-group>
<umb-control-group ng-if="disableTemplates == false" data-element="node-info-template" label="@template_template">
<umb-control-group ng-if="disableTemplates == false" data-element="node-info-template" label="@template_template" alias="template">
<div class="flex items-center">
<select class="input-block-level"
id="template"
ng-model="node.template"
ng-options="key as value for (key, value) in availableTemplates"
ng-change="updateTemplate(node.template)">
<option value="">{{chooseLabel}}...</option>
</select>
<button type="button" ng-show="allowChangeTemplate && node.template !== null" class="umb-node-preview__action" style="margin-left:15px;" ng-click="openTemplate()">
<localize key="general_open">Open</localize>
<localize key="general_open">Open</localize><span class="sr-only">&nbsp;{{node.template}} <localize key="template_template"/></span>
</button>
</div>
</umb-control-group>

View File

@@ -19,59 +19,47 @@
<!-- If editUrl has a value we render a link otherwise a button -->
<a class="umb-node-preview__action"
title="Edit {{name}}"
ng-href="{{editUrl}}"
ng-if="allowEdit && editUrl"
ng-click="onEdit()">
<localize key="general_edit">Edit</localize>
<span class="sr-only">{{name}}</span>
<localize key="general_edit">Edit</localize><span class="sr-only">&nbsp;{{name}}</span>
</a>
<button type="button"
class="umb-node-preview__action"
title="Edit {{name}}"
ng-if="allowEdit && !editUrl"
ng-click="onEdit()">
<localize key="general_edit">Edit</localize>
<span class="sr-only">{{name}}...</span>
<localize key="general_edit">Edit</localize><span class="sr-only">&nbsp;{{name}}...</span>
</button>
<!-- If openUrl has a value we render a link otherwise a button -->
<a class="umb-node-preview__action"
title="Open {{name}}"
ng-href="{{openUrl}}"
ng-if="allowOpen && openUrl"
ng-click="onOpen()">
<localize key="general_open">Open</localize>
<span class="sr-only">{{name}}</span>
<localize key="general_open">Open</localize><span class="sr-only">&nbsp;{{name}}</span>
</a>
<button type="button"
class="umb-node-preview__action"
title="Open {{name}}"
ng-if="allowOpen && !openUrl"
ng-click="onOpen()">
<localize key="general_open">Open</localize>
<span class="sr-only">{{name}}...</span>
<localize key="general_open">Open</localize><span class="sr-only">&nbsp;{{name}}...</span>
</button>
<!-- If removeUrl has a value we render a link otherwise a button -->
<a class="umb-node-preview__action umb-node-preview__action--red"
title="Remove {{name}}"
ng-href="{{removeUrl}}"
ng-if="allowRemove && removeUrl"
ng-click="onRemove()">
<localize key="general_remove">Remove</localize>
<span class="sr-only">{{name}}</span>
<localize key="general_remove">Remove</localize><span class="sr-only">&nbsp;{{name}}</span>
</a>
<button type="button"
class="umb-node-preview__action umb-node-preview__action--red"
title="Remove {{name}}"
ng-if="allowRemove && !removeUrl"
ng-click="onRemove()">
<localize key="general_remove">Remove</localize>
<span class="sr-only">{{name}}</span>
<localize key="general_remove">Remove</localize><span class="sr-only">&nbsp;{{name}}</span>
</button>
</div>