X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBoard.vue;h=5a21771db5075458c97a748a53f3999e0b46edc1;hb=baa6f86f72e3b697ec2fcd34913986b2fa5f02eb;hp=88a341983aa3da53e5126adad6c56b3d5b4cd61a;hpb=8efb985ef0f123dadc47934734e70795a960ec29;p=vchess.git

diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue
index 88a34198..5a21771d 100644
--- a/client/src/components/Board.vue
+++ b/client/src/components/Board.vue
@@ -68,11 +68,11 @@ export default {
     }
     const showLight = (
       this.settings.highlight &&
-      ["all","highlight"].includes(V.ShowMoves)
+      ["all", "highlight"].includes(V.ShowMoves)
     );
     const showCheck = (
       this.settings.highlight &&
-      ["all","highlight","byrow"].includes(V.ShowMoves)
+      ["all", "highlight", "byrow"].includes(V.ShowMoves)
     );
     const orientation = !V.CanFlip ? "w" : this.orientation;
     // Ensure that squares colors do not change when board is flipped
@@ -675,12 +675,7 @@ export default {
       // Cancel if off boardContainer
       const [offsetX, offsetY] =
         this.mobileBrowser
-          ?
-            [
-              e.changedTouches[0].pageX,
-              // TODO: fixing attempt for smartphones, removing window.scrollY
-              e.changedTouches[0].pageY - window.scrollY
-            ]
+          ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY]
           : [e.clientX, e.clientY];
       if (
         offsetX < this.containerPos.left ||
@@ -760,11 +755,7 @@ export default {
       // Obtain the move from start and end squares
       const [offsetX, offsetY] =
         this.mobileBrowser
-          ?
-            [
-              e.changedTouches[0].pageX,
-              e.changedTouches[0].pageY - window.scrollY
-            ]
+          ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY]
           : [e.clientX, e.clientY];
       let landing = document.elementFromPoint(offsetX, offsetY);
       // Next condition: classList.contains(piece) fails because of marks
@@ -908,30 +899,6 @@ img.ghost
 .incheck-dark
   background-color: rgba(204, 51, 0, 0.9) !important
 
-.light-square.lichess
-  background-color: #f0d9b5
-.dark-square.lichess
-  background-color: #b58863
-
-.light-square.chesscom
-  background-color: #e5e5ca
-.dark-square.chesscom
-  background-color: #6f8f57
-
-.light-square.chesstempo
-  background-color: #dfdfdf
-.dark-square.chesstempo
-  background-color: #7287b6
-
-.middle-square.lichess
-  background-color: #D3B18C
-
-.middle-square.chesscom
-  background-color: #AABA91
-
-.middle-square.chesstempo
-  background-color: #A9B3CB
-
 // TODO: no predefined highlight colors, but layers. How?
 
 .light-square.lichess.highlight-light
@@ -948,4 +915,9 @@ img.ghost
   background-color: #9f9fff
 .dark-square.chesstempo.highlight-dark
   background-color: #557fff
+
+.light-square.orangecc.highlight-light
+  background-color: #fef273
+.dark-square.orangecc.highlight-dark
+  background-color: #e8c525
 </style>