Article content
Changed
- Increased mobile nav chip spacing and tap target sizing for easier thumb interaction.
- Added horizontal scroll quality improvements:
scroll-padding-inline, overscroll-behavior-x: contain, and touch-action: pan-x. - Tuned edge fade hints and added sticky overlay fades so overflow direction reads more clearly.
- Added visible keyboard focus treatment for nav links (
:focus-visible) to improve accessibility.
Why
- Make the compact mobile header navigation feel easier and more forgiving on real devices, especially during one-handed use.
