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

CSS issue (scroll bar appearing) with row small margin and row small spacing #39

Open
bassmartin opened this issue Jun 27, 2017 · 2 comments

Comments

@bassmartin
Copy link

When using regular spacing, no scrollbar is appearing :

ResponsiveRow row = layout.addRow().withMargin(ResponsiveRow.MarginSize.SMALL).withSpacing(true)
row.addColumn().withDisplayRules(12, 12, 6, 6).withComponent(panel1)
row.addColumn().withDisplayRules(12, 12, 6, 6).withComponent(panel2)

result :
screen shot 2017-06-27 at 15 55 25

When using small spacing, a scrollbar is appearing :

ResponsiveRow row = layout.addRow().withMargin(ResponsiveRow.MarginSize.SMALL).withSpacing(ResponsiveRow.SpacingSize.SMALL, true)
row.addColumn().withDisplayRules(12, 12, 6, 6).withComponent(panel1)
row.addColumn().withDisplayRules(12, 12, 6, 6).withComponent(panel2)

Result :
screen shot 2017-06-27 at 15 55 01

Using only horizontal spacing (with small margin) : no scrollbar
Using only vertical spacing (with small margin) : scroll bar

Thanks.

@JarekToro
Copy link
Owner

What update was this issue reintroduced in?

@bassmartin
Copy link
Author

Vaadin 7.7.7
responsive-layout 1.3.4

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

No branches or pull requests

2 participants