diff --git a/VAR.Focus.Web/Scripts/05. Cards.js b/VAR.Focus.Web/Scripts/05. Cards.js index b4c7fd8..0a794d5 100644 --- a/VAR.Focus.Web/Scripts/05. Cards.js +++ b/VAR.Focus.Web/Scripts/05. Cards.js @@ -545,15 +545,25 @@ Card.prototype = { return false; }, EnterEditionMode: function () { + this.RemoveFromContainer(); + this.InsertOnContainer(this.cfg.divBoard); + this.txtTitle.value = this.Title; this.txtBody.value = this.Body; this.divOverlay.style.display = "none"; this.Editing = true; + + this.divEditBackground = document.createElement("div"); + this.divEditBackground.className = "divEditBackground"; + this.divEditBackground.addEventListener("click", Card.prototype.btnEdit_Click.bind(this), false); + this.divCard.offsetParent.insertBefore(this.divEditBackground, this.divCard); + }, ExitEditionMode: function () { this.divOverlay.style.display = ""; this.Editing = false; + this.divEditBackground.offsetParent.removeChild(this.divEditBackground); }, btnEdit_Click: function (evt) { evt.preventDefault(); diff --git a/VAR.Focus.Web/Styles/05. Cards.css b/VAR.Focus.Web/Styles/05. Cards.css index 4629a4d..62570fa 100644 --- a/VAR.Focus.Web/Styles/05. Cards.css +++ b/VAR.Focus.Web/Styles/05. Cards.css @@ -166,3 +166,13 @@ border: none; resize: none; } + +.divEditBackground { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.3); +}