Merge branch 'master' into TMS-1163

eebbi · web-flow · commit 8da2c1d5d10b · 2025-09-08T12:47:34.000+03:00
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -9,6 +9,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - TMS-1163: Search results breadcrumbs accessibility fixes
 
+## [1.4.1] - 2025-08-13
+
+- TMS-1160: Fix elements focus outline thickness
+
 ## [1.4.0] - 2025-06-23
 
 - TMS-1172: Add video-fields and functionality to hero-component
diff --git a/assets/styles/blocks/_table.scss b/assets/styles/blocks/_table.scss
@@ -22,8 +22,8 @@
 
 table.idc-element {
     &:focus {
-        outline: 0.125rem dotted #000;
-        outline-offset: -0.125rem;
+        outline: .2rem dotted #000;
+        outline-offset: -.2rem;
         position: relative;
     }
 }
diff --git a/assets/styles/layouts/_image-carousel.scss b/assets/styles/layouts/_image-carousel.scss
@@ -107,5 +107,5 @@
 }
 
 .slick-track .modal-trigger:focus {
-    outline: 0.125rem dotted #000000;
+    outline: .2rem dotted #000000;
 }
diff --git a/assets/styles/settings/brand/_typography.scss b/assets/styles/settings/brand/_typography.scss
@@ -165,8 +165,8 @@ main {
         text-underline-offset: .125rem;
 
         &:focus {
-            outline: .125rem dotted $link-outline-color !important;
-            outline-offset: .125rem;
+            outline: .15rem dotted $link-outline-color !important;
+            outline-offset: .15rem;
             text-decoration: none !important;
         }
 
diff --git a/assets/styles/ui-components/_button.scss b/assets/styles/ui-components/_button.scss
@@ -19,7 +19,7 @@ $button-secondary-border-color: $button-primary-border-color;
     &.is-hovered,
     &:focus,
     &.is-focused {
-        box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);
+        box-shadow: 0 .15rem .375rem rgba(0, 0, 0, .15);
         background-color: $primary !important;
         color: $primary-invert !important;
         border-color: $primary-invert !important;
@@ -44,7 +44,7 @@ $button-secondary-border-color: $button-primary-border-color;
     &:focus,
     &.is-focused {
         border-color: $button-primary-border-color !important;
-        outline: .125rem dotted $black !important;
+        outline: .15rem dotted $black !important;
         outline-offset: .25rem !important;
     }
 
diff --git a/assets/styles/ui-components/_forms.scss b/assets/styles/ui-components/_forms.scss
@@ -112,7 +112,7 @@ select {
     align-items: center;
     justify-content: space-between;
     background: none;
-    border: 0.125rem dashed $black;
+    border: .2rem dashed $black;
 }
 
 .gform_button_select_files,
@@ -123,7 +123,7 @@ select {
         border-color: $primary-invert !important;
         background-color: $primary !important;
         color: $primary-invert !important;
-        outline: 0.125rem dotted $black !important;
+        outline: .2rem dotted $black !important;
         outline-offset: 0.25rem !important;
     }
 }
diff --git a/assets/styles/ui-components/_image-gallery.scss b/assets/styles/ui-components/_image-gallery.scss
@@ -9,7 +9,7 @@
 
         &:focus {
             outline-offset: 0.25rem !important;
-            outline: .125rem dotted $white !important;
+            outline: .15rem dotted $white !important;
         }
 
         .icon {
@@ -71,6 +71,6 @@
     }
 
     &:focus {
-        outline: .125rem dotted $white !important;
+        outline: .15rem dotted $white !important;
     }
 }
diff --git a/assets/styles/ui-components/_modal.scss b/assets/styles/ui-components/_modal.scss
@@ -6,7 +6,7 @@
             fill: $black !important;
         }
         &:focus {
-            outline: 0.125rem dotted $white !important;
+            outline: .2rem dotted $white !important;
             outline-offset: 0.25rem !important;
             color: $primary-invert !important; // sass-lint:disable-line no-important
             .icon {
@@ -42,7 +42,7 @@
             }
         }
         &:focus {
-            outline: 0.125rem dotted $white !important;
+            outline: .2rem dotted $white !important;
             outline-offset: 0.25rem !important;
         }
 
@@ -93,7 +93,7 @@
         .slick-current {
             &:focus {
                 .image-carousel__item {
-                    outline: 0.125rem dotted #fff;
+                    outline: .2rem dotted #fff;
                     outline-offset: 0.25rem;
                 }
             }
diff --git a/assets/styles/ui-components/header/_bulmally-navbar.scss b/assets/styles/ui-components/header/_bulmally-navbar.scss
@@ -5,7 +5,7 @@
 .bulmally-navbar {
     .dropdown-toggler {
         &:focus {
-            outline-color: $white !important;
+            outline-color: currentColor !important;
         }
     }
 }
diff --git a/assets/styles/ui-components/header/_header-top.scss b/assets/styles/ui-components/header/_header-top.scss
@@ -11,10 +11,6 @@
     background-color: $primary;
     color: $primary-invert;
 
-    .button {
-        outline-color: $white !important;
-    }
-
     &__logo-image {
         max-width: 10rem;
 
@@ -26,7 +22,7 @@
         > a {
             &:focus {
                 outline-offset: .2rem;
-                outline: .125rem dotted $white !important;
+                outline: .15rem dotted $primary-invert !important;
             }
         }
     }
diff --git a/assets/styles/ui-components/header/_language-nav.scss b/assets/styles/ui-components/header/_language-nav.scss
@@ -58,7 +58,7 @@
 
             &:focus {
                 outline-offset: .2rem;
-                outline: .125rem dotted $white !important;
+                outline: .15rem dotted $primary-invert !important;
             }
         }
     }
diff --git a/assets/styles/ui-components/header/_site-header-notice.scss b/assets/styles/ui-components/header/_site-header-notice.scss
@@ -11,7 +11,7 @@
 
         &:focus,
         .is-focus {
-            outline: .125rem dotted $white !important;
+            outline: .15rem dotted $white !important;
         }
     }
 }
diff --git a/style.css b/style.css
@@ -1,7 +1,7 @@
 /*
  * Theme Name:  TMS Theme Amuri
  * Description: Tampere Multisite Amuri Theme
- * Version:     1.4.0
+ * Version:     1.4.1
  * Author:      Geniem
  * Author URI:  https://geniem.fi
  * Template:    tms-theme-base

Original file line number	Diff line number	Diff line change
`@@ -22,8 +22,8 @@`
`22`	`22`
`23`	`23`	`table.idc-element {`
`24`	`24`	`&:focus {`
`25`		`- outline: 0.125rem dotted #000;`
`26`		`- outline-offset: -0.125rem;`
	`25`	`+ outline: .2rem dotted #000;`
	`26`	`+ outline-offset: -.2rem;`
`27`	`27`	`position: relative;`
`28`	`28`	`}`
`29`	`29`	`}`
Original file line number	Diff line number	Diff line change
`@@ -107,5 +107,5 @@`
`107`	`107`	`}`
`108`	`108`
`109`	`109`	`.slick-track .modal-trigger:focus {`
`110`		`- outline: 0.125rem dotted #000000;`
	`110`	`+ outline: .2rem dotted #000000;`
`111`	`111`	`}`
Original file line number	Diff line number	Diff line change
`@@ -165,8 +165,8 @@ main {`
`165`	`165`	`text-underline-offset: .125rem;`
`166`	`166`
`167`	`167`	`&:focus {`
`168`		`- outline: .125rem dotted $link-outline-color !important;`
`169`		`- outline-offset: .125rem;`
	`168`	`+ outline: .15rem dotted $link-outline-color !important;`
	`169`	`+ outline-offset: .15rem;`
`170`	`170`	`text-decoration: none !important;`
`171`	`171`	`}`
`172`	`172`
Original file line number	Diff line number	Diff line change
`@@ -112,7 +112,7 @@ select {`
`112`	`112`	`align-items: center;`
`113`	`113`	`justify-content: space-between;`
`114`	`114`	`background: none;`
`115`		`- border: 0.125rem dashed $black;`
	`115`	`+ border: .2rem dashed $black;`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`.gform_button_select_files,`
`@@ -123,7 +123,7 @@ select {`
`123`	`123`	`border-color: $primary-invert !important;`
`124`	`124`	`background-color: $primary !important;`
`125`	`125`	`color: $primary-invert !important;`
`126`		`- outline: 0.125rem dotted $black !important;`
	`126`	`+ outline: .2rem dotted $black !important;`
`127`	`127`	`outline-offset: 0.25rem !important;`
`128`	`128`	`}`
`129`	`129`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`
`10`	`10`	`&:focus {`
`11`	`11`	`outline-offset: 0.25rem !important;`
`12`		`- outline: .125rem dotted $white !important;`
	`12`	`+ outline: .15rem dotted $white !important;`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`.icon {`
`@@ -71,6 +71,6 @@`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`&:focus {`
`74`		`- outline: .125rem dotted $white !important;`
	`74`	`+ outline: .15rem dotted $white !important;`
`75`	`75`	`}`
`76`	`76`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`fill: $black !important;`
`7`	`7`	`}`
`8`	`8`	`&:focus {`
`9`		`- outline: 0.125rem dotted $white !important;`
	`9`	`+ outline: .2rem dotted $white !important;`
`10`	`10`	`outline-offset: 0.25rem !important;`
`11`	`11`	`color: $primary-invert !important; // sass-lint:disable-line no-important`
`12`	`12`	`.icon {`
`@@ -42,7 +42,7 @@`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`	`&:focus {`
`45`		`- outline: 0.125rem dotted $white !important;`
	`45`	`+ outline: .2rem dotted $white !important;`
`46`	`46`	`outline-offset: 0.25rem !important;`
`47`	`47`	`}`
`48`	`48`
`@@ -93,7 +93,7 @@`
`93`	`93`	`.slick-current {`
`94`	`94`	`&:focus {`
`95`	`95`	`.image-carousel__item {`
`96`		`- outline: 0.125rem dotted #fff;`
	`96`	`+ outline: .2rem dotted #fff;`
`97`	`97`	`outline-offset: 0.25rem;`
`98`	`98`	`}`
`99`	`99`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`.bulmally-navbar {`
`6`	`6`	`.dropdown-toggler {`
`7`	`7`	`&:focus {`
`8`		`- outline-color: $white !important;`
	`8`	`+ outline-color: currentColor !important;`
`9`	`9`	`}`
`10`	`10`	`}`
`11`	`11`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,10 +11,6 @@`
`11`	`11`	`background-color: $primary;`
`12`	`12`	`color: $primary-invert;`
`13`	`13`
`14`		`- .button {`
`15`		`- outline-color: $white !important;`
`16`		`- }`
`17`		`-`
`18`	`14`	`&__logo-image {`
`19`	`15`	`max-width: 10rem;`
`20`	`16`
`@@ -26,7 +22,7 @@`
`26`	`22`	`> a {`
`27`	`23`	`&:focus {`
`28`	`24`	`outline-offset: .2rem;`
`29`		`- outline: .125rem dotted $white !important;`
	`25`	`+ outline: .15rem dotted $primary-invert !important;`
`30`	`26`	`}`
`31`	`27`	`}`
`32`	`28`	`}`