X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBoard.vue;h=c7c37896e489ee35e7fd65dee61be321bd58cb1a;hb=b406466b0f0ce67451f1718053e5f5691d6507fb;hp=e6a0aafdf08b1e8a8a1eea91bf6c298ad6d0935a;hpb=af34341d92d47d14f396e7f4adb81f2a7e9d9a61;p=vchess.git

diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue
index e6a0aafd..c7c37896 100644
--- a/client/src/components/Board.vue
+++ b/client/src/components/Board.vue
@@ -60,8 +60,10 @@ export default {
     if (!!lm) {
       if (!Array.isArray(lm)) lm = [lm];
       lm.forEach(m => {
-        lmHighlights[m.start.x + sizeX * m.start.y] = true;
-        lmHighlights[m.end.x + sizeX * m.end.y] = true;
+        if (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))
+          lmHighlights[m.end.x + sizeX * m.end.y] = true;
       });
     }
     const showLight = (
@@ -709,6 +711,8 @@ export default {
 </script>
 
 <style lang="sass" scoped>
+@import "@/styles/_board_squares_img.sass";
+
 // NOTE: no variants with reserve of size != 8
 .game.reserve-div
   margin-bottom: 18px
@@ -802,5 +806,4 @@ img.ghost
   background-color: #9f9fff
 .dark-square.chesstempo.highlight-dark
   background-color: #557fff
-
 </style>