Merge branch 'release' into 'master'

Release 82.2 See merge request buckinghamshire-council/bc!797
Buckinghamshire-Digital-Service · Nov 25, 2024 · 734df3e · 734df3e
2 parents daa285e + 0565632
commit 734df3e
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,14 @@
 # Release History
 
-## 82.0 (2024-11-25)
+## 82.2 (2024-11-25)
+
+Compare: <https://git.torchbox.com/buckinghamshire-council/bc/compare/82.1...82.2>
+
+- FE: A11y fix for hero button
+
+## 82.1 (2024-11-25)
 
-Compare: <https://git.torchbox.com/buckinghamshire-council/bc/compare/82...82.1>
+Compare: <https://git.torchbox.com/buckinghamshire-council/bc/compare/82.0...82.1>
 
 - FE: Fix SF stacking
 

diff --git a/bc/project_styleguide/templates/patterns/organisms/promotional-hero/promotional-hero.html b/bc/project_styleguide/templates/patterns/organisms/promotional-hero/promotional-hero.html
@@ -14,7 +14,7 @@ <h1 class="promo-hero-home__title" aria-hidden="true">{{ title }}</h1>
             {% endif %}
 
             {% if link_url and link_text %}
-                <a href="{{ link_url }}" class="promo-hero-home__button promo-button promo-button--white-bg promo-button--extra-padding">{{ link_text }}</a>
+                <a href="{{ link_url }}" class="promo-hero-home__button promo-button promo-button--desktop-only promo-button--white-bg promo-button--extra-padding">{{ link_text }}</a>
             {% endif %}
         </div>
     </div>
@@ -29,7 +29,7 @@ <h1 class="promo-hero-home__title">{{ title }}</h1>
             {% endif %}
 
             {% if link_url and link_text %}
-                <a href="{{ link_url }}" class="promo-hero-home__button promo-button promo-button--white-bg promo-button--extra-padding">{{ link_text }}</a>
+                <a href="{{ link_url }}" class="promo-hero-home__button promo-button promo-button--mobile-only promo-button--white-bg promo-button--extra-padding">{{ link_text }}</a>
             {% endif %}
         </div>
         <div class="promo-hero-home__image-wrapper">

diff --git a/bc/static_src/sass/components/_promo-button.scss b/bc/static_src/sass/components/_promo-button.scss
@@ -99,4 +99,18 @@
     &--extra-padding {
         padding: $grid--min / 2 $grid--medium;
     }
+
+    &--mobile-only {
+        @media only screen and (min-width: 1335px) {
+            display: none;
+        }
+    }
+
+    &--desktop-only {
+        display: none;
+
+        @media only screen and (min-width: 1335px) {
+            display: inline-flex;
+        }
+    }
 }