scheinriese 06d890f6ca Make keymap tab responsive with ResizeObserver-based width sync ...

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>

2026-03-13 20:45:58 +08:00

..

codemirror.lsradix.css

fix: codemirror highlight background color on logseq dark theme

2024-11-06 12:40:46 +08:00

shui.css

Make keymap tab responsive with ResizeObserver-based width sync

2026-03-13 20:45:58 +08:00

tabler-extension.css

chore: add group icons

2022-12-28 12:19:22 +08:00

ui.css

Feat: New UI components (#10694)

2023-12-26 16:31:37 +08:00