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

Fix touch events on locked elements.

Browse Source
This commit is contained in:
Valeriano A.R.
2018-03-26 01:16:56 +02:00
parent 9b2082ebc3
commit e30504177e
2 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -398,6 +398,7 @@ Card.prototype = {
this.btnDelete.style.display = "none"; this.btnDelete.style.display = "none";
this.btnLock.style.display = "none"; this.btnLock.style.display = "none";
this.btnUnlock.style.display = ""; this.btnUnlock.style.display = "";
this.divOverlay.className = "divOverlayTouchable";
this.divOverlay.removeEventListener("mousedown", this.divOverlay_MouseDownBinded, false); this.divOverlay.removeEventListener("mousedown", this.divOverlay_MouseDownBinded, false);
this.divOverlay.removeEventListener("touchstart", this.divOverlay_TouchStartBinded, false); this.divOverlay.removeEventListener("touchstart", this.divOverlay_TouchStartBinded, false);
this.divResize.style.display = "none"; this.divResize.style.display = "none";
@@ -406,6 +407,7 @@ Card.prototype = {
this.btnDelete.style.display = ""; this.btnDelete.style.display = "";
this.btnLock.style.display = ""; this.btnLock.style.display = "";
this.btnUnlock.style.display = "none"; this.btnUnlock.style.display = "none";
this.divOverlay.className = "divOverlay";
this.divOverlay.addEventListener("mousedown", this.divOverlay_MouseDownBinded, false); this.divOverlay.addEventListener("mousedown", this.divOverlay_MouseDownBinded, false);
this.divOverlay.addEventListener("touchstart", this.divOverlay_TouchStartBinded, false); this.divOverlay.addEventListener("touchstart", this.divOverlay_TouchStartBinded, false);
this.divResize.style.display = ""; this.divResize.style.display = "";
@@ -1015,6 +1017,7 @@ Region.prototype = {
this.btnDelete.style.display = "none"; this.btnDelete.style.display = "none";
this.btnLock.style.display = "none"; this.btnLock.style.display = "none";
this.btnUnlock.style.display = ""; this.btnUnlock.style.display = "";
this.divOverlay.className = "divOverlayTouchable";
this.divOverlay.removeEventListener("mousedown", this.divOverlay_MouseDownBinded, false); this.divOverlay.removeEventListener("mousedown", this.divOverlay_MouseDownBinded, false);
this.divOverlay.removeEventListener("touchstart", this.divOverlay_TouchStartBinded, false); this.divOverlay.removeEventListener("touchstart", this.divOverlay_TouchStartBinded, false);
this.divResize.style.display = "none"; this.divResize.style.display = "none";
@@ -1023,6 +1026,7 @@ Region.prototype = {
this.btnDelete.style.display = ""; this.btnDelete.style.display = "";
this.btnLock.style.display = ""; this.btnLock.style.display = "";
this.btnUnlock.style.display = "none"; this.btnUnlock.style.display = "none";
this.divOverlay.className = "divOverlay";
this.divOverlay.addEventListener("mousedown", this.divOverlay_MouseDownBinded, false); this.divOverlay.addEventListener("mousedown", this.divOverlay_MouseDownBinded, false);
this.divOverlay.addEventListener("touchstart", this.divOverlay_TouchStartBinded, false); this.divOverlay.addEventListener("touchstart", this.divOverlay_TouchStartBinded, false);
this.divResize.style.display = ""; this.divResize.style.display = "";

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

@@ -125,6 +125,16 @@
touch-action: none; touch-action: none;
} }
.divCard .divOverlayTouchable {
opacity: 0;
background-color: rgb(255,255,0);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.divCard .divResize { .divCard .divResize {
opacity: 0; opacity: 0;
background-color: rgb(255,0,255); background-color: rgb(255,0,255);
@@ -243,6 +253,16 @@
touch-action: none; touch-action: none;
} }
.divRegion .divOverlayTouchable {
opacity: 0;
background-color: rgb(255,255,0);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.divRegion .divResize { .divRegion .divResize {
opacity: 0; opacity: 0;
background-color: rgb(255,0,255); background-color: rgb(255,0,255);