X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBoard.vue;h=7827af1645abbd65a49bc67b8c1cb421ccca41a3;hb=f63ba2771b8bc09885952a24b4115ab4d8c6aaa1;hp=0fd4e1f07375a1064eb0a1cff0e68b3a54adb3ae;hpb=00eef1ca12534a43cb8e2e12155a46c00353eac2;p=vchess.git diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue index 0fd4e1f0..7827af16 100644 --- a/client/src/components/Board.vue +++ b/client/src/components/Board.vue @@ -64,6 +64,9 @@ export default { lmHighlights[m.start.x + sizeX * m.start.y] = true; if (!m.end.noHighlight && V.OnBoard(m.end.x, m.end.y)) lmHighlights[m.end.x + sizeX * m.end.y] = true; + if (!!m.start.toplay) + // For Dice variant (at least?) + lmHighlights[m.start.toplay[0] + sizeX * m.start.toplay[1]] = true; }); } const showLight = ( @@ -182,9 +185,7 @@ export default { "middle-square": V.Notoodark, [this.settings.bcolor]: true, "in-shadow": inShadow(ci, cj), - "highlight-light": inHighlight(ci, cj) && lightSquare, - "highlight-dark": - inHighlight(ci, cj) && (V.Monochrome || !lightSquare), + "highlight": inHighlight(ci, cj), "incheck-light": showCheck && lightSquare && incheckSq[ci][cj], "incheck-dark": @@ -638,6 +639,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(); @@ -906,23 +908,32 @@ img.ghost // 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 - background-color: #aaa23a - -.light-square.chesscom.highlight-light - background-color: #f7f783 -.dark-square.chesscom.highlight-dark - background-color: #bacb44 - -.light-square.chesstempo.highlight-light - 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 +.highlight + &.light-square + &.lichess + background-color: #cdd26a + &.chesscom + background-color: #f7f783 + &.chesstempo + background-color: #9f9fff + &.orangecc + background-color: #fef273 + &.dark-square + &.lichess + background-color: #aaa23a + &.chesscom + background-color: #bacb44 + &.chesstempo + background-color: #557fff + &.orangecc + background-color: #e8c525 + &.middle-square + &.lichess + background-color: #BCBA52 + &.chesscom + background-color: #D9E164 + &.chesstempo + background-color: #7A8FFF + &.orangecc + background-color: #F3DC4C