Storybook: Addon-docs: list style bleeds on stories components

[elevatebart]

Describe the bug
Using addon-docs to showcase material powered Menu, I get an unwanted padding caused by the docs .12345xx ul{padding-left:30px;} coming from the docs.

To Reproduce

1. install addon-docs alpha 8
2. show case a component with a ul list in the docs tab
3. it's padding-left will be too big

Expected behavior
The style of the docs should not bleed down on the components showcased

Screenshots

System:

• OS: Windows10
• Browser: Mozilla Firefox 67.0 64bits
• Framework: React
• Addons: addon-docs
• Version:5.2.0-alpha8

[anselmdk]

Same happening to me.
See the "edit" button, it should be 16px, but it's being overwritten by some CSS-in-JS styling.
Also margins and paddings seem to be affected.

[city41]

I have also encountered this. I just upgraded to beta.18 to see if it's been fixed, but still see the issue.

In my case it's the same ul { padding-left: 30px } that OP is seeing.

[shilman]

That's why the issue is still open :trollface:

We're on it. High priority issue before the full release 👍

[shilman]

Shiver me timbers!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.2.0-beta.31 containing PR #7771 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.0-beta.32 containing PR #7788 that references this issue. Upgrade today to try it out!

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