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

adds inline-scroll on props-table #1131

Merged
merged 7 commits into from Sep 11, 2018

Conversation

derz
Copy link
Contributor

@derz derz commented Sep 7, 2018

Same as: #1125
Document gets a horizontal scrollbar on a small viewport because of the props-table which gets too wide.

Copy link
Member

@sapegin sapegin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! One tiny question.

tabBody: {
overflowX: 'auto',
maxWidth: '100%',
'-webkit-overflow-scrolling': 'touch',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Will WebkitOverflowScrolling work too?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure, yes. :-) However it is the same as here:

'-webkit-overflow-scrolling': 'touch',
- but I am not super into styled-components, so I don't really know what's the intended way to do it. Btw.: Thanks for your great work on it so far!

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Both should work the same way, camelCased one is just more idiomatic, because all other attributes are camelCased.

It's JSS, not styled-components by the way ;-)

@sapegin
Copy link
Member

sapegin commented Sep 10, 2018

And please update snapshots too ;-)

@@ -37,7 +37,7 @@ const styles = ({ color, fontFamily, fontSize, sidebarWidth, mq, space, maxWidth
bottom: 0,
width: sidebarWidth,
overflow: 'auto',
'-webkit-overflow-scrolling': 'touch',
WebkitOverflowScrolling: 'touch',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@sapegin sapegin merged commit 5263b27 into styleguidist:master Sep 11, 2018
@sapegin
Copy link
Member

sapegin commented Sep 11, 2018

Thanks for fixing these small details! ❤️

@styleguidist-bot
Copy link
Collaborator

🎉 This PR is included in version 7.3.7 🎉

The release is available on:

Your semantic-release bot 📦🚀

sapegin pushed a commit that referenced this pull request Oct 8, 2018
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

Successfully merging this pull request may close these issues.

None yet

3 participants