Unverified Commit 2316fd5b authored by Lauri Eskola's avatar Lauri Eskola
Browse files

Issue #3328593 by Wongjn, mherchel, andy-blum: Responsive grid children...

Issue #3328593 by Wongjn, mherchel, andy-blum: Responsive grid children overflow when min-width is greater than container width
parent b13dae8b
......@@ -15,9 +15,10 @@
--views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
--views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));
--views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
--views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width)); /* Ensure that cell minimum width does not overflow container. */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid--cell-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
gap: var(--views-responsive-grid--layout-gap);
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment