responsive-layout icon indicating copy to clipboard operation
responsive-layout copied to clipboard

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

Open bassmartin opened this issue 8 years ago • 2 comments

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.

bassmartin avatar Jun 27 '17 19:06 bassmartin

What update was this issue reintroduced in?

JarekToro avatar Jul 06 '17 14:07 JarekToro

Vaadin 7.7.7 responsive-layout 1.3.4

bassmartin avatar Jul 06 '17 14:07 bassmartin