fix(storybook): prevent Docs args table overflow on mobile#1809
fix(storybook): prevent Docs args table overflow on mobile#1809emphor11 wants to merge 1 commit intoRocketChat:mainfrom
Conversation
|
|
Daksh Yadav seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account. You have signed the CLA already but the status is still pending? Let us recheck it. |
|
Hi! I’ve signed the CLA and added my commit email to my GitHub account. |
Fix Storybook Docs Args table overflow on mobile
What does this PR do?
Fixes a mobile layout issue in Storybook Docs where the Args/Props table overflows the viewport, causing the entire Docs page to scroll horizontally.
On small screens, long type definitions and controls force the table width beyond the viewport, breaking the mobile experience.
How is it fixed?
Wraps Storybook Docs content in a scoped container
Applies a mobile-only horizontal overflow rule so only the Args table scrolls
Keeps desktop layout and dark mode behavior unchanged
Why this change is needed
Prevents page-level horizontal scrolling on mobile
Improves readability and usability of Docs on small screens
Maintains backward compatibility with existing Storybook setup
Testing
Ran Storybook locally using yarn storybook
Verified behavior on mobile viewport (~375px width)
Confirmed no visual regression on desktop
Verified dark mode still works correctly