use the new backend toggle

alphagov · Sep 14, 2023 · ff075b5 · ff075b5
1 parent 29a4968
commit ff075b5
Show file tree

Hide file tree

Showing 11 changed files with 699 additions and 132 deletions.
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
@@ -12,6 +12,7 @@
 //= link views/_cookie-settings.css
 //= link views/_csv_preview.css
 //= link views/_homepage.css
+//= link views/_homepage_new.css
 //= link views/_travel-advice.css
 //= link views/_report-child-abuse.css
 

diff --git a/app/assets/stylesheets/views/_homepage.scss b/app/assets/stylesheets/views/_homepage.scss
@@ -145,9 +145,28 @@
 }
 
 .homepage-services-and-info__list {
+  @include columns($items: 16, $columns: 1, $selector: "li");
   list-style: none;
   margin: 0 govuk-spacing(-3);
   padding: 0;
+
+  @include govuk-media-query($from: "tablet") {
+    @include columns($items: 16, $columns: 2, $selector: "li");
+  }
+
+  @include govuk-media-query($from: "desktop") {
+    @include columns($items: 16, $columns: 3, $selector: "li");
+  }
+
+  .homepage-section__government-activity & {
+    @include columns($items: 6, $columns: 1, $selector: "li");
+    margin-bottom: govuk-spacing(4);
+
+    @include govuk-media-query($from: "tablet") {
+      @include columns($items: 6, $columns: 2, $selector: "li");
+      margin-bottom: 0;
+    }
+  }
 }
 
 .chevron-card {
@@ -162,7 +181,7 @@
 }
 
 .chevron-card__description {
-  margin: 0 govuk-spacing(6) 0 0;
+  margin: 0 govuk-spacing(-6) 0 0;
 }
 
 .chevron-card__link {
@@ -187,7 +206,7 @@
     height: $dimension;
     position: absolute;
     right: govuk-spacing(1);
-    top: 50%;
+    top: govuk-spacing(3);
     @include prefixed-transform($rotate: 45deg);
     width: $dimension;
   }
@@ -209,21 +228,13 @@
   padding: govuk-spacing(4) 0 govuk-spacing(6);
 }
 
-.homepage-section--promotion-slots {
-  padding-top: govuk-spacing(6);
-}
-
 .homepage-section--links-and-search {
   background: govuk-colour("light-grey");
   padding: govuk-spacing(6) 0 govuk-spacing(8);
 }
 
 .homepage-section--services-and-info {
   padding: govuk-spacing(6) 0 0;
-
-  @include govuk-media-query($from: "desktop") {
-    padding-right: 32px;
-  }
 }
 
 .homepage-section__heading {
@@ -234,10 +245,6 @@
   padding: govuk-spacing(3) 0 0;
 }
 
-.homepage-section__container {
-  padding-right: 32px;
-}
-
 .homepage-section__heading-wrapper {
   margin-bottom: govuk-spacing(1);
 
@@ -270,21 +277,19 @@
     padding-bottom: 0;
   }
 
-  & > div li {
+  & > li {
     margin-bottom: govuk-spacing(4);
 
     @include govuk-media-query($from: "desktop") {
-      margin-bottom: govuk-spacing(6);
-      padding-right: govuk-spacing(4);
+      margin-bottom: govuk-spacing(3);
     }
   }
 
-  & > div:last-child li:last-child {
+  & > li:last-child {
     margin-bottom: 0;
   }
 }
 
-.homepage-most-viewed-list__item-link {
-  padding-right: govuk-spacing(8);
+.homepage-most-viewed-list__item {
   @include govuk-font($size: 19, $weight: "bold");
 }