Closed NadimHallaq closed 1 year ago
Thanks. I think that's indeed happening with dividers taking extra 2 px of the space. I think there is an easy fix for this I can ship, since dividers already support a blank
flag which will make them take no space. I'll let you know once it's ready.
Got it working, turned out to be a bit more complicated since the reason was getting 2 additional gaps when dividers are added. Since native gap doesn't handle percentage width (e.g. you can't set 2 columns with width: 50% and also have a gap), I've now added additional css calculations for the case when divided flag is used. Got one another documentation update to do and I'll ship a small patch tomorrow
@NadimHallaq 1.13.1 is live now
Thank you Dmitry!
There is a problem with the View and View Item, when creating a grid of 12 columns with direction="row". If I add the divider prop the columns will flex to the bottom rather than remain in 1 row, the only solution I found is to consider the grid an 11 column grid.
`
<View width="100%" direction={"row"} divided>