mirror of
https://github.com/logseq/logseq.git
synced 2026-05-19 10:22:37 +00:00
The settings article has a fixed CSS width (44rem) for dialog intrinsic sizing, but when the viewport constrains the dialog, the inner flex container overflows and gets clipped. CSS percentages resolve against the declared width, not the rendered width, so a JS solution is needed. A ResizeObserver on the dialog element measures its actual clientWidth, subtracts the aside (only in row layout), and sets an explicit max-width on the shortcut container. Also makes inner elements flexible: removes flex-shrink-0 and min-width constraints on keystroke buttons, adds flex-wrap to toolbar and shortcut rows, and adds min-width: 0 to shortcut badge containers in shui.css. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>