fix: Fix the Link List height being equal within the column layouts

Merge pull request #338 from DFE-Digital/fix-link-list-height
DFE-Digital · Nov 22, 2023 · 1de19c5 · 1de19c5
2 parents 5a4303a + 2a0a8fc
commit 1de19c5
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 6 deletions.
diff --git a/Childrens-Social-Care-CPD/Views/Shared/_ColumnLayout.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_ColumnLayout.cshtml
@@ -10,10 +10,10 @@
 
     @foreach (var group in Model.Items.Select((e, i) => new { ContentItem = e, Grouping = (i / Model.ColumnCount) }).GroupBy(e => e.Grouping))
     {
-        <div class="govuk-grid-row">
+        <div class="govuk-grid-row column-layout-row">
             @foreach (var item in group)
             {
-                <div class="@gridClass govuk-!-margin-bottom-4">
+                <div class="@gridClass govuk-!-margin-bottom-4 column">
                     @{ await Html.RenderContentfulPartialAsync(item.ContentItem); }
                 </div>
             }

diff --git a/Childrens-Social-Care-CPD/styles/scss/application.scss b/Childrens-Social-Care-CPD/styles/scss/application.scss
@@ -9,4 +9,5 @@ $moj-images-path: "/assets/images/moj/";
 @import "overrides/dfe-overrides";
 @import "overrides/dfe-vertical-nav";
 @import "overrides/govuk-overrides";
-@import "overrides/site";
+@import "overrides/site";
+@import "components/ColumnLayout";
diff --git a/Childrens-Social-Care-CPD/styles/scss/components/_ColumnLayout.scss b/Childrens-Social-Care-CPD/styles/scss/components/_ColumnLayout.scss
@@ -0,0 +1,7 @@
+.column-layout-row {
+  display: flex;
+}
+
+.column-layout-row .column {
+  display: flex;
+}
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.css b/Childrens-Social-Care-CPD/wwwroot/css/application.css
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.css.map b/Childrens-Social-Care-CPD/wwwroot/css/application.css.map
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.min.css b/Childrens-Social-Care-CPD/wwwroot/css/application.min.css
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.min.css.map b/Childrens-Social-Care-CPD/wwwroot/css/application.min.css.map