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

WIP for CSS overlay click through prevention stuff with Z-indexes

Browse Source
This commit is contained in:
Warren Buckley
2018-10-24 10:36:45 +01:00
parent 30c312c4b0
commit ba0d96ce2a
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/Umbraco.Web.UI.Client/src/less/components/umb-property-editor.less
View File

@@ -1,13 +1,18 @@
.umb-property-editor.-not-clickable {
pointer-events: none;
// pointer-events: none;
}
.umb-property-editor {
position:relative;
}
.umb-property-editor .overlay {
background: rgba(255,0,0,0.5);
.umb-property-editor__view{
z-index:1;
position:relative;
}
.umb-property-editor__overlay {
background: rgba(255,0,255,0.5);
display: block;
position: absolute;
top:0;
@@ -15,4 +20,6 @@
height:100%;
width:100%;
cursor: not-allowed;
user-select: none;
z-index:2;
}

4
src/Umbraco.Web.UI.Client/src/views/components/property/umb-property-editor.html
View File

@@ -1,4 +1,4 @@
<div class="umb-property-editor db" ng-class="{'-not-clickable': preview}">
<div ng-include="propertyEditorView"></div>
<div class="overlay" ng-show="preview === true"></div>
<div class="umb-property-editor__view" ng-include="propertyEditorView"></div>
<div class="umb-property-editor__overlay" ng-show="preview === true"></div>
</div>