yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix styling of buttons in grid cells (#8543)

Browse Source
This commit is contained in:
Bjarne Fyrstenborg
2020-07-31 17:45:45 +02:00
committed by GitHub
parent ff7ce4e66e
commit 08f177bfd8
3 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/Umbraco.Web.UI.Client/src/less/components/umb-grid.less
View File

@@ -751,9 +751,19 @@
margin-right: 5px;
position: relative;
cursor: pointer;
display:inline-block;
display: inline-block;
}
.umb-grid .cell-tools {
.umb-grid .umb-control-tool {
.btn-icon {
padding: 0;
}
}
.umb-grid .umb-control-tool .btn-icon {
color: @white;
}
// Template
@@ -1007,8 +1017,6 @@
display: block;
}
// Configuration specific styles
// -------------------------
.umb-grid-configuration .umb-templates {

6
src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-action.html
View File

@@ -1,8 +1,10 @@
<div class="umb_confirm-action">
<button ng-if="onDelete" type="button" class="btn-icon" ng-click="clickButton($event)" localize="title" title="@general_delete">
<umb-icon icon="icon-trash" class="icon-trash"></umb-icon>
<span class="sr-only">Delete</span>
</button>
<span class="sr-only">
<localize key="general_delete">Delete</localize>
</span>
</button>
<div class="umb_confirm-action__overlay"
ng-class="{

10
src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html
View File

@@ -155,8 +155,8 @@
</div>
<div class="cell-tools" ng-if="(area === active || area === currentCellWithActiveChild) && !sortMode">
<button type="button" aria-haspopup="true" class="btn-reset cell-tool" ng-click="editGridItemSettings(area, 'cell')">
<i class="icon-settings" aria-hidden></i>
<button type="button" aria-haspopup="true" class="btn-icon cell-tool" ng-click="editGridItemSettings(area, 'cell')">
<i class="icon-settings" aria-hidden="true"></i>
<span class="sr-only">Open column settings</span>
</button>
</div>
@@ -201,7 +201,11 @@
<div class="umb-tools" ng-if="control === active">
<div class="umb-control-tool" ng-if="control.editor.config.settings">
<button class="umb-control-tool-icon icon-settings btn-reset" ng-click="editGridItemSettings(control, 'control')" type="button"></button>
<button type="button" class="umb-control-tool-icon icon-settings btn-icon" ng-click="editGridItemSettings(control, 'control')">
<span class="sr-only">
<localize key="general_edit">Edit</localize>
</span>
</button>
</div>
<div class="umb-control-tool">