mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 04:50:59 +00:00
Marc-André BombeckandClaude Opus 4.7
088832aa39
Marc reported a stray "mini scroll-button" on the right side of the admin feedback inbox tab strip (Open / Acknowledged / Resolved / Archived). The four short tabs do not horizontally overflow the viewport, so the painted bar surprised him every time he opened the inbox. Root cause is a CSS overflow coupling: setting only `overflow-x: auto` silently forces `overflow-y` to `auto` too, because a single axis cannot be `visible` while the other clips. The strip is locked at `h-9` (36 CSS px) but its badge children (`py-0.5` + text-xs digits) ride 1-2 px taller than the strip on some glyph stacks, so the implicit `overflow-y: auto` paints a tiny vertical scrollbar on the right edge. Fix is a single class on `tabsListVariants`: `overflow-y-hidden` (plus `overflow-y-visible` in the vertical-orientation override so vertical tab columns are not affected). Horizontal swipe and keyboard-arrow scrolling still work — only the implicit y-axis bar is suppressed. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>