Merge branch 'release' into 'master'

Release 82.5

See merge request buckinghamshire-council/bc!802

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Release History
 
+## 82.5 (2024-11-28)
+
+Compare: <https://git.torchbox.com/buckinghamshire-council/bc/compare/82.4...82.5>
+
+- FE: Post-launch enhancements
+
 ## 82.4 (2024-11-27)
 
 Compare: <https://git.torchbox.com/buckinghamshire-council/bc/compare/82.3...82.4>

bc/project_styleguide/templates/patterns/pages/blogs/blog_category_listing.html

@@ -3,15 +3,17 @@
 {% is_promotional_site as promotional_site %}
 
 {% block content %}
-    {% include "patterns/molecules/hero/hero--blog.html" %}
+    <div class="blog-category-wrapper">
+        {% include "patterns/molecules/hero/hero--blog.html" %}
 
-    <div class="wrapper {% if promotional_site %} wrapper--large {% else %} wrapper--flex {% endif %} blog-page">
-        <div class="section section--main">
-            <h2 class="heading heading--xl blog-page__title blog-page__title--search">Category: {{ category.name }}</h2>
-            {% include "patterns/molecules/blog-list/blog-list.html" with items=page_obj.object_list %}
-            {% include "patterns/molecules/pagination/pagination.html" with modifier="pagination--centred" paginator_page=page_obj %}
-        </div>
+        <div class="wrapper wrapper--flex blog-page">
+            <div class="section section--main">
+                <p class="heading heading--xl blog-page__title blog-page__title--search">Category: {{ category.name }}</p>
+                {% include "patterns/molecules/blog-list/blog-list.html" with items=page_obj.object_list %}
+                {% include "patterns/molecules/pagination/pagination.html" with modifier="pagination--centred" paginator_page=page_obj %}
+            </div>
 
-        {% include 'patterns/organisms/blogs-sidebar/blogs-sidebar.html' %}
+            {% include 'patterns/organisms/blogs-sidebar/blogs-sidebar.html' %}
+        </div>
     </div>
 {% endblock %}

bc/project_styleguide/templates/patterns/pages/blogs/blog_home_page.html

@@ -61,6 +61,11 @@ <h2 class="promo-blog-listing-card__title">{{ item.title }}</h2>
                 </ul>
 
                 {% include "patterns/molecules/pagination/pagination.html" with modifier="pagination--centred" paginator_page=blogs %}
+
+                <div class="promo-blog-signup">
+                    <h2 class="promo-blog-signup__title">Get notified when we post new stories</h2>
+                    <a href="https://fosterwithbucks.buckinghamshire.gov.uk/fostering-stories/subscribe-to-alert/" class="promo-button promo-button--blue-border">Sign up for updates</a>
+                </div>
             </div>
         </div>
     </div>

bc/static_src/sass/components/_blog-categories.scss

@@ -4,3 +4,15 @@
         margin-left: $grid--small;
     }
 }
+
+.blog-category-wrapper {
+    .page--promotional & {
+        margin: 0 auto;
+        max-width: $wrapper--promo-inner;
+        padding: 0 20px;
+
+        @include media-query(tablet-portrait) {
+            padding: 0 25px;
+        }
+    }
+}

bc/static_src/sass/components/_cookie-message.scss

@@ -29,7 +29,7 @@
 
     &__container {
         @include font-size(xs);
-        padding: $grid 0;
+        padding: $grid 0 10px;
         display: flex;
         align-items: center;
         justify-content: space-between;
@@ -40,6 +40,7 @@
 
         @include media-query(tablet-landscape) {
             @include font-size(s);
+            padding: $grid 0;
         }
     }
 
@@ -77,5 +78,21 @@
 
     &__view {
         text-align: center;
+        margin: 0;
+        padding: 20px 0;
+
+        @include media-query(mob-landscape) {
+            margin-top: $grid--small;
+            padding: 0;
+        }
+
+        &:not(:first-child) {
+            margin: 0;
+
+            @include media-query(mob-landscape) {
+                margin: 0 0 0 $grid--small;
+                padding: 12px 0;
+            }
+        }
     }
 }

bc/static_src/sass/components/_promo-blog-cards.scss

@@ -74,7 +74,7 @@
     &__content {
         @include font-size(s);
         color: $color--slate;
-        line-height: 24px;
+        line-height: 1.5rem;
     }
 
     &__meta {

bc/static_src/sass/components/_promo-blog-signup.scss

@@ -0,0 +1,25 @@
+.promo-blog-signup {
+    padding-top: 30px;
+    margin-bottom: -50px;
+    display: flex;
+    flex-direction: column;
+    row-gap: 30px;
+    align-items: start;
+
+    @include media-query(mob-landscape) {
+        align-items: center;
+        row-gap: 40px;
+    }
+
+    @include media-query(tablet-landscape) {
+        margin-bottom: -100px;
+        padding-top: 50px;
+    }
+
+    &__title {
+        @include font-size(xl);
+        line-height: 35px;
+        font-weight: $weight--bold;
+        color: $color--river;
+    }
+}

bc/static_src/sass/components/_promo-hero-home.scss

@@ -35,7 +35,7 @@
     &::before {
         content: '';
         position: absolute;
-        left: -21px;
+        left: -26px;
         top: 0;
         height: 100%;
         width: 98px;
@@ -49,7 +49,7 @@
     }
 
     &__inner {
-        margin: 0 20px 0 75px;
+        margin: 0 20px 0 80px;
         align-self: center;
         max-width: 400px;
 

bc/static_src/sass/main.scss

@@ -108,6 +108,7 @@
 @import 'components/promo-blog-listing';
 @import 'components/promo-blog-card';
 @import 'components/promo-blog-cards';
+@import 'components/promo-blog-signup';
 @import 'components/promo-event-listing';
 @import 'components/promo-event-card';
 @import 'components/promo-breadcrumbs';