Start button on embedded puzzles scales poorly to mobile
#16,748 opened on 2025/01/08
Repository metrics
- Stars
- (18,196 個のスター)
- PR merge metrics
- (平均マージ 2d 18h) (30d で 151 merged PRs)
説明
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