Fix zen mode touch alignment

Fixes #1956
lichess-org · Dec 22, 2021 · 9328d0c · 9328d0c
1 parent c3a04fe
commit 9328d0c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/src/styl/game.styl b/src/styl/game.styl
@@ -187,10 +187,10 @@
     min-height 22px
   &.zen
     > .antagonistUser
-      display none
+      visibility hidden
     > .ratingAndMaterial
       > .rating
-        display none
+        visibility hidden
   &.active
     background-color lighten(bgdark, 8%)
   &.crazy

diff --git a/src/ui/shared/round/view/replay.tsx b/src/ui/shared/round/view/replay.tsx
@@ -37,13 +37,10 @@ export function renderInlineReplay(ctrl: OnlineRound) {
     return null
   }
 
-  if (ctrl.isZen()) {
-    return h('div.replay_inline.hidden')
-  }
-
   return h('div.replay_inline', {
     className: helper.classSet({
       displayPieces: !!pieceNotation,
+      hidden: ctrl.isZen(),
     }),
     oncreate: (vnode: Mithril.VnodeDOM) => {
       setTimeout(() => autoScrollInline(vnode.dom as HTMLElement), 100)

diff --git a/src/ui/shared/round/view/roundView.tsx b/src/ui/shared/round/view/roundView.tsx
@@ -77,9 +77,9 @@ export function viewOnlyBoardContent(fen: string, orientation: Color, lastMove?:
   if (isPortrait) {
     return h.fragment({}, [
       showMoveList ? h('div.replay_inline') : null,
-      h('section.playTable'),
+      h('section.playTable.opponent'),
       board,
-      h('section.playTable'),
+      h('section.playTable.player'),
       h('section.actions_bar'),
     ])
   } else {