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

diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue
index 5a21771d..a83be0cc 100644
--- a/client/src/components/Board.vue
+++ b/client/src/components/Board.vue
@@ -60,9 +60,9 @@ export default {
     if (!!lm) {
       if (!Array.isArray(lm)) lm = [lm];
       lm.forEach(m => {
-        if (V.OnBoard(m.start.x, m.start.y))
+        if (!m.start.noHighlight && V.OnBoard(m.start.x, m.start.y))
           lmHighlights[m.start.x + sizeX * m.start.y] = true;
-        if (V.OnBoard(m.end.x, m.end.y))
+        if (!m.end.noHighlight && V.OnBoard(m.end.x, m.end.y))
           lmHighlights[m.end.x + sizeX * m.end.y] = true;
       });
     }
@@ -188,7 +188,8 @@ export default {
                   "incheck-light":
                     showCheck && lightSquare && incheckSq[ci][cj],
                   "incheck-dark":
-                    showCheck && !lightSquare && incheckSq[ci][cj]
+                    showCheck && !lightSquare && incheckSq[ci][cj],
+                  "hover-highlight": this.vr.hoverHighlight(ci, cj)
                 },
                 attrs: {
                   id: getSquareId({ x: ci, y: cj })
@@ -637,6 +638,7 @@ export default {
           const color = this.analyze ? this.vr.turn : this.userColor;
           if (this.vr.canIplay(color, startSquare))
             this.possibleMoves = this.vr.getPossibleMovesFrom(startSquare);
+          else return;
           // For potential drag'n drop, remember start coordinates
           // (to center the piece on mouse cursor)
           const rect = parent.getBoundingClientRect();
@@ -901,6 +903,10 @@ img.ghost
 
 // TODO: no predefined highlight colors, but layers. How?
 
+.hover-highlight:hover
+  // TODO: color dependant on board theme, or inner border...
+  background-color: #C571E6 !important
+
 .light-square.lichess.highlight-light
   background-color: #cdd26a
 .dark-square.lichess.highlight-dark