projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Chakart: almost there
[vchess.git]
/
client
/
src
/
components
/
Board.vue
diff --git
a/client/src/components/Board.vue
b/client/src/components/Board.vue
index
70c46b9
..
0fd4e1f
100644
(file)
--- 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 (!!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;
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;
});
}
lmHighlights[m.end.x + sizeX * m.end.y] = true;
});
}
@@
-188,7
+188,8
@@
export default {
"incheck-light":
showCheck && lightSquare && incheckSq[ci][cj],
"incheck-dark":
"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 })
},
attrs: {
id: getSquareId({ x: ci, y: cj })
@@
-901,6
+902,10
@@
img.ghost
// TODO: no predefined highlight colors, but layers. How?
// 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
.light-square.lichess.highlight-light
background-color: #cdd26a
.dark-square.lichess.highlight-dark
@@
-915,4
+920,9
@@
img.ghost
background-color: #9f9fff
.dark-square.chesstempo.highlight-dark
background-color: #557fff
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>
</style>