Skip to content

Commit

Permalink
fix(grid): stretched rows were broken on tablet size
Browse files Browse the repository at this point in the history
A stretched row inside doubling grid was not stretched on tablet size.

Yes, i left the !important in because there are many grid selector combinations where it probably breaks other situations which would need much more investigation. As the !important was there before, i decided to leave it in for now.
  • Loading branch information
lubber-de committed Aug 20, 2021
1 parent 8360c54 commit 353515d
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion src/definitions/collections/grid.less
Original file line number Diff line number Diff line change
Expand Up @@ -1478,12 +1478,15 @@ each(@colors, {
}
.ui.grid > .doubling.row > .column,
.ui.doubling.grid > .row > .column {
display: inline-block !important;
padding-top: (@rowSpacing / 2) !important;
padding-bottom: (@rowSpacing / 2) !important;
box-shadow: none !important;
margin: 0;
}
.ui.grid:not(.stretched) > .doubling.row:not(.stretched) > .column:not(.stretched),
.ui.doubling.grid:not(.stretched) > .row:not(.stretched) > .column:not(.stretched) {
display: inline-block !important;
}
.ui[class*="two column"].doubling.grid > .row > .column,
.ui[class*="two column"].doubling.grid > .column:not(.row),
.ui.grid > [class*="two column"].doubling.row.row > .column {
Expand Down

0 comments on commit 353515d

Please sign in to comment.