diff --git a/packages/fuselage/.storybook/docs-overrides.scss b/packages/fuselage/.storybook/docs-overrides.scss new file mode 100644 index 0000000000..648a45c2ba --- /dev/null +++ b/packages/fuselage/.storybook/docs-overrides.scss @@ -0,0 +1,8 @@ +// Fix Storybook Docs table overflow issue on mobile + +*:has(> .docblock-argstable) { + width: 100%; + overflow-x: auto; + display: block; +} + diff --git a/packages/fuselage/.storybook/preview.tsx b/packages/fuselage/.storybook/preview.tsx index dfd5d65d6c..620d486934 100644 --- a/packages/fuselage/.storybook/preview.tsx +++ b/packages/fuselage/.storybook/preview.tsx @@ -12,6 +12,7 @@ import logo from './logo.svg'; import 'normalize.css/normalize.css'; import '@rocket.chat/icons/dist/rocketchat.css'; +import './docs-overrides.scss'; export default { parameters: {