X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=1209dd99c6a57a2dad0e6e4da536fe3493634ec7;hp=ca538924290b548d9c88b3dab55f51e1de252724;hb=d36ca1989daec86e5ad4b2e65c8a045af171fafd;hpb=96e9585a39ca3ccef59c701b3f7ac3809692ca73 diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index ca538924..1209dd99 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -3,7 +3,7 @@ div #scoreInfo(v-if="score!='*'") p {{ score }} p {{ message }} - table#movesList + table.moves-list tbody tr(v-for="moveIdx in evenNumbers") td {{ firstNum + moveIdx / 2 + 1 }} @@ -25,6 +25,8 @@ export default { props: ["moves","cursor","score","message","firstNum"], watch: { cursor: function(newValue) { + if (window.innerWidth <= 767) + return; //moves list is below: scrolling would hide chessboard if (newValue < 0) newValue = 0; //avoid rows[-1] --> error // $nextTick to wait for table > tr to be rendered