Addon-docs: Configuration of DocsContent max-width (styles)

[alazurenko]

Greetings Dear Maintainers,

Is your feature request related to a problem? Please describe.
I'd like to have control over DocsContent width. Currently, it's set to 800px. Is there is a way to change it?

storybook/lib/components/src/blocks/DocsPage.tsx

Line 48 in 376b793

maxWidth: 800,

Describe the solution you'd like
I would like to have options to change the width of docs content in configuration/theme to addon docs, so it is set for every story. Even more, there would be nice to have more control over container's styling.

Describe alternatives you've considered
I have tried to use css classes they are being overwritten

Are you able to assist bring the feature to reality?
Yes

[alazurenko]

This issue seems to be related to this one.

[shilman]

Cc @domyen who owns docs theming 🙏

[domyen]

Hey @alazurenko good idea. We should add a static className to allow you to target it reliably (chatted to @shilman about this just now)

We're unlikely to add this support to the theme explicitly because we want to keep the API small for now.

[alazurenko]

Hi @domyen, @shilman
I've create PR #8061 with static css classes.

[shilman]

Yee-haw!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.3.0-alpha.1 containing PR #8061 that references this issue. Upgrade today to try it out!

You can find this prerelease on the @next NPM tag.

Closing this issue. Please re-open if you think there's still more to do.

[shilman]

Jeepers creepers!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.2.2 containing PR #8061 that references this issue. Upgrade today to try it out!

[alazurenko]

Thank you!