From 59a0a26b761f94b05ad40b00197cfc5eedaf8ae4 Mon Sep 17 00:00:00 2001 From: Alona Zherdetska Date: Wed, 15 Jan 2025 16:18:37 +0100 Subject: [PATCH 1/2] fix(component): moved defenition of the counter-increment from stepper-link to stepper-link:before --- packages/styles/src/components/stepper.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/styles/src/components/stepper.scss b/packages/styles/src/components/stepper.scss index 888c8fcc01..ab10f54caa 100644 --- a/packages/styles/src/components/stepper.scss +++ b/packages/styles/src/components/stepper.scss @@ -88,7 +88,6 @@ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; - counter-increment: step-index; position: relative; z-index: 2; overflow: hidden; @@ -124,6 +123,7 @@ content: counter(step-index); display: flex; align-items: center; + counter-increment: step-index; justify-content: center; z-index: 1; height: stepper.$stepper-indicator-size; From 71fd3ba03c04155dcfd1a8bf0f2542644073628f Mon Sep 17 00:00:00 2001 From: Alona Zherdetska Date: Wed, 15 Jan 2025 17:03:49 +0100 Subject: [PATCH 2/2] chore(changeset): added a changeset --- .changeset/purple-apes-happen.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/purple-apes-happen.md diff --git a/.changeset/purple-apes-happen.md b/.changeset/purple-apes-happen.md new file mode 100644 index 0000000000..01a6aaedc7 --- /dev/null +++ b/.changeset/purple-apes-happen.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Fixed an issue where the Stepper started with step 0 on small screen sizes.