lichess-org/lila

Start button on embedded puzzles scales poorly to mobile

已關閉

#16,748 建立於 2025年1月8日

 (6 則留言) (0 個反應) (0 位負責人)Scala (2,661 個分叉)batch import
good first issueno scala

倉庫指標

星標
 (18,196 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

I read this post and found the start buttons to be misplaced on my Motorola Razr 50 Ultra, unfolded, using Firefox for Android. See screenshot showing embedded puzles.

I am seeing similar results when changing it to iPhone SE using Chromium DevTools. However, I'd be cautious in relying on DevTools as matching the resolution didn't emulate my Android view 1:1. The font that Android carries clearly affects size of the box in CSS.

You could decrease the horizontal padding on the button to fix this, unless you wanted to do it another way - as it may e.g. not meet your aesthetic goals.

The CSS controlling the widget can be found in this file: https://github.com/lichess-org/lila/blob/df66483def8cc81e5fea9aa37023a09b7cd09874/ui/bits/css/build/bits.lpv.scss#L6-L21

貢獻者指南