turn <a> into <button>

This commit is contained in:
Niels Lyngsø
2020-05-06 10:51:02 +02:00
parent 7a1489923d
commit d621bc5d13
2 changed files with 7 additions and 6 deletions

View File

@@ -23,6 +23,7 @@
}
.umb-group-builder__group.-placeholder {
width:100%;
min-height: 86px;
display: flex;
justify-content: center;
@@ -136,9 +137,9 @@ input.umb-group-builder__group-title-input:disabled:hover {
}
.umb-group-builder__group-add-property {
width: calc(100% - 315px);
min-height: 46px;
margin-right: 45px;
margin-left: 270px;
border-radius: 3px;
display: flex;

View File

@@ -44,9 +44,9 @@
<li ng-repeat="tab in model.groups" ng-class="{'umb-group-builder__group-sortable': sortingMode}" data-element="group-{{tab.name}}">
<!-- TAB INIT STATE -->
<a href="" class="umb-group-builder__group -placeholder" hotkey="alt+shift+g" ng-click="addGroup(tab)" ng-if="tab.tabState=='init' && !sortingMode" data-element="group-add">
<button href="" class="umb-group-builder__group -placeholder" hotkey="alt+shift+g" ng-click="addGroup(tab)" ng-if="tab.tabState=='init' && !sortingMode" data-element="group-add">
<localize key="contentTypeEditor_addGroup"></localize>
</a>
</button>
<!-- TAB ACTIVE OR INACTIVE STATE -->
<div class="umb-group-builder__group" ng-if="tab.tabState !== 'init'" ng-class="{'-active':tab.tabState=='active', '-inherited': tab.inherited, 'umb-group-builder__group-handle -sortable': sortingMode && !tab.inherited}" tabindex="0" ng-focus="activateGroup(tab)">
@@ -117,7 +117,7 @@
<li data-element="property-{{property.alias}}" ng-class="{'umb-group-builder__property-sortable': sortingMode && !property.inherited}" ng-repeat="property in tab.properties">
<!-- Add new property -->
<a href=""
<button href=""
data-element="property-add"
class="umb-group-builder__group-add-property"
ng-if="property.propertyState=='init' && !sortingMode"
@@ -125,7 +125,7 @@
ng-focus="activateGroup(tab)"
focus-when="{{property.focus}}">
<localize key="contentTypeEditor_addProperty"></localize>
</a>
</button>
<div class="umb-group-builder__property" ng-if="property.propertyState!=='init'" ng-class="{'-active': property.dialogIsOpen, '-active': property.propertyState=='active', '-inherited': property.inherited, '-locked': property.locked, 'umb-group-builder__property-handle -sortable': sortingMode && !property.inherited, '-sortable-locked': sortingMode && property.inherited}">