| {{ notation(moves[moveIdx]) }}
.td(
v-if="moveIdx < moves.length-1"
- :class="{'highlight-lm': cursor == moveIdx+1}"
+ :class="{'highlight-lm': highlightBlackmove(moveIdx)}"
@click="() => gotoMove(moveIdx+1)"
)
| {{ notation(moves[moveIdx+1]) }}
notation: function(move) {
return getFullNotation(move);
},
+ highlightBlackmove: function(moveIdx) {
+ return (
+ this.cursor == moveIdx + 1 ||
+ (this.show == "byrow" && this.cursor == moveIdx + 2)
+ );
+ },
gotoMove: function(index) {
this.$emit("goto-move", index);
},
padding: 5px
img.inline
- height: 24px
+ height: 22px
@media screen and (max-width: 767px)
height: 18px