VAR/VAR.WebFormsCore
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cards: Make the editing background fixed, to make it visible even with a scrolled viewport.

Browse Source
This commit is contained in:
Valeriano A.R.
2018-03-21 06:54:30 +01:00
parent d375904624
commit c5ba945b08
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
VAR.Focus.Web/Scripts/05. Cards.js
View File

@@ -557,13 +557,14 @@ Card.prototype = {
this.divEditBackground = document.createElement("div"); this.divEditBackground = document.createElement("div");
this.divEditBackground.className = "divEditBackground"; this.divEditBackground.className = "divEditBackground";
this.divEditBackground.addEventListener("click", Card.prototype.btnEdit_Click.bind(this), false); this.divEditBackground.addEventListener("click", Card.prototype.btnEdit_Click.bind(this), false);
this.divCard.offsetParent.insertBefore(this.divEditBackground, this.divCard); this.divCard.parentElement.insertBefore(this.divEditBackground, this.divCard);
}, },
ExitEditionMode: function () { ExitEditionMode: function () {
this.divOverlay.style.display = ""; this.divOverlay.style.display = "";
this.Editing = false; this.Editing = false;
this.divEditBackground.offsetParent.removeChild(this.divEditBackground); this.divEditBackground.className = ""; // Needed to remove "position: fixed" that causes to be not found on parentElement.
this.divEditBackground.parentElement.removeChild(this.divEditBackground);
}, },
btnEdit_Click: function (evt) { btnEdit_Click: function (evt) {
evt.preventDefault(); evt.preventDefault();

2
VAR.Focus.Web/Styles/05. Cards.css
View File

@@ -169,7 +169,7 @@
.divEditBackground { .divEditBackground {
display: block; display: block;
position: absolute; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;