Merge branch 'master' into TMS-1144

eebbi · web-flow · commit e9108edce1e3 · 2025-05-13T14:27:27.000+03:00
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -8,6 +8,11 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ## [Unreleased]
 
 - TMS-1144: Change aria-attribute for menu-item
+- TMS-1148: Responsiveness fixes for zoomed in browsers
+- TMS-1149: Accessibility fixes for focus-styles
+- TMS-1150: Move header chat script from head to header
+- TMS-1151: Change hero-links focus-styles
+- TMS-1155: Fix screen-reader text for mobile-nav dropdowns
 
 ## [1.9.5] - 2025-04-30
 
diff --git a/assets/styles/base/_base.scss b/assets/styles/base/_base.scss
@@ -1,5 +1,6 @@
 html {
     box-sizing: border-box;
+    min-width: 260px;
 }
 
 body {
diff --git a/assets/styles/layouts/_hero.scss b/assets/styles/layouts/_hero.scss
@@ -174,10 +174,10 @@
                 border: 1px solid $secondary;
 
                 &:focus {
-                    outline-color: $white;
-                    .icon {
-                        fill: $primary !important;
-                    }
+                    background-color: $primary;
+                    color: $white;
+                    outline-color: transparent;
+                    box-shadow: 0 0 0 3px $white inset;
                 }
             }
         }
diff --git a/assets/styles/ui-components/_pagination.scss b/assets/styles/ui-components/_pagination.scss
@@ -35,8 +35,8 @@ $pagination-item-transition-speed: $speed !default;
                 background-color: $pagination-item-background-color-focus;
                 border-color: transparent;
                 outline-style: dashed;
-                outline-offset: -2px;
-                outline-color: $secondary;
+                outline-offset: 2px;
+                outline-color: $primary;
                 outline-width: 2px;
                 text-decoration: none;
             }
diff --git a/partials/blocks/block-grid-item--featured.dust b/partials/blocks/block-grid-item--featured.dust
@@ -7,7 +7,7 @@
 
     <div class="overlay overlay--dark-40"></div>
 
-    <div class="grid__item__details is-order-0 has-text-left is-absolute has-bottom-0 pb-7 pr-6 pl-6 has-text-white">
+    <div class="grid__item__details is-order-0 has-text-left is-absolute has-bottom-0 pb-5 pb-7-tablet pr-4 pr-6-tablet pl-4 pl-6-tablet has-text-white">
         {?title}
             <h3 class="h4 mb-0 has-text-white">{title|html}</h3>
         {/title}
diff --git a/partials/shared/header-logo.dust b/partials/shared/header-logo.dust
@@ -1,5 +1,5 @@
 <div class="site-header__logo is-relative">
-    <div class="site-header__logo-image">
+    <div class="site-header__logo-image pr-2">
     {?Header.logo}
         {?Header.home_url}
             <a href="{Header.home_url}" class="is-block">
diff --git a/partials/shared/header.dust b/partials/shared/header.dust
@@ -10,10 +10,6 @@
             {?Header.head_custom_scripts}
                 {Header.head_custom_scripts|s}
             {/Header.head_custom_scripts}
-
-            {?Header.chat}
-                {Header.chat|s}
-            {/Header.chat}
         </head>
 
         <body class="{#WP.body_class}{.}{@sep} {/sep}{/WP.body_class}">
@@ -27,6 +23,10 @@
                 {Strings.s.header.skip_to_content|s}
             </a>
 
+            {?Header.chat}
+                {Header.chat|s}
+            {/Header.chat}
+
             {?Header.exception_notice}
                 {>"shared/header-notice" /}
             {/Header.exception_notice}
diff --git a/partials/ui/menu/fly-out-nav.dust b/partials/ui/menu/fly-out-nav.dust
@@ -7,7 +7,7 @@
             </button>
 
             {^Header.hide_flyout_primary}
-                {@menu menu_name="primary" depth="2" ul_id="js-navbar-menu" ul_classes="bulmally-navbar fly-out-nav__primary is-family-secondary" icon_class="{Header.colors.fly_out_nav.link_icon}" menuitem_partial="ui/menu/menu-item" /}
+                {@menu menu_name="primary" depth="2" ul_id="js-navbar-menu" ul_classes="bulmally-navbar fly-out-nav__primary is-family-secondary" icon_class="{Header.colors.fly_out_nav.link_icon}" menuitem_partial="ui/menu/menu-item" data=Header.strings /}
             {/Header.hide_flyout_primary}
 
             {^Header.hide_flyout_secondary}
@@ -17,7 +17,7 @@
             {?PageOnepager.component_nav}
                 <ul class="bulmally-navbar fly-out-nav__primary fly-out-nav__onepager is-family-secondary js-scroll-children">
                     {#PageOnepager.component_nav}
-                        {>"ui/menu/menu-item" url="#{anchor}" title="{menu_text}" /}
+                        {>"ui/menu/menu-item" url="#{anchor}" title="{menu_text}" data=Header.strings /}
                     {/PageOnepager.component_nav}
                 </ul>
             {/PageOnepager.component_nav}

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`html {`
`2`	`2`	`box-sizing: border-box;`
	`3`	`+ min-width: 260px;`
`3`	`4`	`}`
`4`	`5`
`5`	`6`	`body {`
Original file line number	Diff line number	Diff line change
`@@ -174,10 +174,10 @@`
`174`	`174`	`border: 1px solid $secondary;`
`175`	`175`
`176`	`176`	`&:focus {`
`177`		`- outline-color: $white;`
`178`		`- .icon {`
`179`		`- fill: $primary !important;`
`180`		`- }`
	`177`	`+ background-color: $primary;`
	`178`	`+ color: $white;`
	`179`	`+ outline-color: transparent;`
	`180`	`+ box-shadow: 0 0 0 3px $white inset;`
`181`	`181`	`}`
`182`	`182`	`}`
`183`	`183`	`}`