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

贡献者指南