Merged in feat/LOY-584-L6-progressbar (pull request #3511)

Feat/LOY-584 L6 progressbar informational modal

* refactor(LOY-584): replace deprecated link

* feat(LOY-584): add info modal to progress bar

* fix(LOY-584): let labels overflow progress bar in mobile


Approved-by: Anton Gunnarsson
This commit is contained in:
Matilda Landström
2026-01-29 14:14:20 +00:00
parent dbacb650b6
commit 4d298b0b9b
6 changed files with 193 additions and 30 deletions
@@ -19,14 +19,19 @@
color: var(--Text-Secondary);
}
.sinceDate {
display: flex;
gap: var(--Space-x05);
}
.progressSection {
display: grid;
grid-template-columns: min-content 1fr auto;
gap: var(--Space-x05);
align-items: center;
grid-template-areas:
"startLabel . endLabel"
"startValue bar endValue";
"startLabel startLabel endLabel endLabel"
"startValue bar bar endValue";
}
.startLabelText {
@@ -69,7 +74,7 @@
.header {
flex-direction: row;
align-items: baseline;
align-items: center;
gap: var(--Space-x1);
}