Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Overflow issues #1

Closed
sir-captainmorgan21 opened this issue Feb 22, 2022 · 5 comments
Closed

Overflow issues #1

sir-captainmorgan21 opened this issue Feb 22, 2022 · 5 comments

Comments

@sir-captainmorgan21
Copy link

Thanks for this addon. Its worked great. I've noticed a couple of overflow issues though. For horizontal overflow, I noticed you added negative margins to offset the padding and align the content flush with the edges. This cuts off args tables. I ended up writing css to remove this negative margins, but would love to see that cleaned up so we dont have to maintain that. I actually think it looks ok indented a bit.

The second piece is vertical overflow at the bottom if "showCode" is expanded, and the code snippet is anything more than a few lines. I know its an issue with the tab content being an iframe, so not sure the solution here.

@sir-captainmorgan21
Copy link
Author

https://mdxjs.com/docs/using-mdx/#components here it says "Because MDX files are components, they can also import each other:". Can we not render the mdx file like in the example?

@cliedelt
Copy link
Owner

Hi @sir-captainmorgan21! Thank you for submitting this first issue.

Thanks for this addon. Its worked great. I've noticed a couple of overflow issues though. For horizontal overflow, I noticed you added negative margins to offset the padding and align the content flush with the edges. This cuts off args tables. I ended up writing css to remove this negative margins, but would love to see that cleaned up so we dont have to maintain that. I actually think it looks ok indented a bit.

The second piece is vertical overflow at the bottom if "showCode" is expanded, and the code snippet is anything more than a few lines. I know its an issue with the tab content being an iframe, so not sure the solution here.

I will look into it today. Expect a fix in the next hours/days. If you could provide a sample or screenshot would help much!

https://mdxjs.com/docs/using-mdx/#components here it says "Because MDX files are components, they can also import each other:". Can we not render the mdx file like in the example?

I would love to switch to this approach. I works for mdx. But not with storybook... Storybook requires a context provided to stories inside the mdx file. I tried to dig deep into the storybook code but the storybook api is very very narrow.

@sir-captainmorgan21
Copy link
Author

sir-captainmorgan21 commented Feb 22, 2022

@cliedelt sure thing!

I will look into it today. Expect a fix in the next hours/days. If you could provide a sample or screenshot would help much!

image

I would love to switch to this approach. I works for mdx. But not with storybook... Storybook requires a context provided to stories inside the mdx file. I tried to dig deep into the storybook code but the storybook api is very very narrow.

Ahh ok. Maybe some help can be provided in the discord? I will try to pull in someone from storybook too

@cliedelt
Copy link
Owner

Thank you for the screenshot ! Im fixing it right now.

Sure! Im would be very happy to improve the logic of the addon with a deeper storybook integration. My discord is Architect#9240.

@sir-captainmorgan21
Copy link
Author

@cliedelt Awesome thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants