From c5ba945b08beda79aa437e201e075f5b8c987d14 Mon Sep 17 00:00:00 2001
From: "Valeriano A.R" <valen.alfonso@gmail.com>
Date: Wed, 21 Mar 2018 06:54:30 +0100
Subject: [PATCH] Cards: Make the editing background fixed, to make it visible
 even with a scrolled viewport.

---
 VAR.Focus.Web/Scripts/05. Cards.js | 5 +++--
 VAR.Focus.Web/Styles/05. Cards.css | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/VAR.Focus.Web/Scripts/05. Cards.js b/VAR.Focus.Web/Scripts/05. Cards.js
index 0a794d5..8c5b658 100644
--- a/VAR.Focus.Web/Scripts/05. Cards.js	
+++ b/VAR.Focus.Web/Scripts/05. Cards.js	
@@ -557,13 +557,14 @@ Card.prototype = {
         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);
+        this.divCard.parentElement.insertBefore(this.divEditBackground, this.divCard);
 
     },
     ExitEditionMode: function () {
         this.divOverlay.style.display = "";
         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) {
         evt.preventDefault();
diff --git a/VAR.Focus.Web/Styles/05. Cards.css b/VAR.Focus.Web/Styles/05. Cards.css
index 62570fa..58d0a40 100644
--- a/VAR.Focus.Web/Styles/05. Cards.css	
+++ b/VAR.Focus.Web/Styles/05. Cards.css	
@@ -169,7 +169,7 @@
 
 .divEditBackground {
     display: block;
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     bottom: 0;