From 829872c20d52b554ebb1d68ee76f1d1a3aea89bc Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Tue, 5 Dec 2023 11:27:37 +0100 Subject: [PATCH 1/6] Align left & right side of warning bar - text wasn't aligned vertically --- src/stories/Library/warning-status/warning-status.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/stories/Library/warning-status/warning-status.scss b/src/stories/Library/warning-status/warning-status.scss index ea4e480ad..5a60f3053 100644 --- a/src/stories/Library/warning-status/warning-status.scss +++ b/src/stories/Library/warning-status/warning-status.scss @@ -15,7 +15,7 @@ .warning-bar__left { display: flex; - align-items: start; + align-items: center; @include breakpoint-s { align-items: center; From 9892b1ddeabc60b04417fde1d6005fd868da84ac Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Wed, 6 Dec 2023 09:56:45 +0100 Subject: [PATCH 2/6] Merge pull request #364 from danskernesdigitalebibliotek/fix/you-owe-alignment Fix/you-owe-alignment From 197d1a621dc4d096823455bdf10adc0cf3804261 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Wed, 6 Dec 2023 14:33:42 +0100 Subject: [PATCH 3/6] Make sure to show stackable cards on the fee-list-page When the stackable cards were used on the fee list page, the design didn't work due to the parent class now having position relative and z-index set to 0. --- src/stories/Library/Lists/fee-list/fee-list.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/stories/Library/Lists/fee-list/fee-list.scss b/src/stories/Library/Lists/fee-list/fee-list.scss index 62965c282..501a552c6 100644 --- a/src/stories/Library/Lists/fee-list/fee-list.scss +++ b/src/stories/Library/Lists/fee-list/fee-list.scss @@ -1,6 +1,8 @@ .fee-list-page { background: $c-global-primary; padding: $s-md; + position: relative; + z-index: 0; @include breakpoint-m { padding: $s-6xl; From 8975c96ea54c6bb8802e859b84606defc80bb399 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Wed, 6 Dec 2023 14:47:27 +0100 Subject: [PATCH 4/6] Make sure the modal inner container fills out the entire width --- src/stories/Library/Modals/modal-loan/modal-loan.scss | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/stories/Library/Modals/modal-loan/modal-loan.scss b/src/stories/Library/Modals/modal-loan/modal-loan.scss index 5065474d8..a8854aa4d 100644 --- a/src/stories/Library/Modals/modal-loan/modal-loan.scss +++ b/src/stories/Library/Modals/modal-loan/modal-loan.scss @@ -1,5 +1,3 @@ -$MODAL_LOAN_CONTAINER_WIDTH: 1000px; - .modal-loan { flex-direction: column; align-items: center; @@ -7,7 +5,7 @@ $MODAL_LOAN_CONTAINER_WIDTH: 1000px; } .modal-loan__container { - max-width: $MODAL_LOAN_CONTAINER_WIDTH; + width: 100%; overflow: scroll; } From 73f43a3cc5efa9841f8b69e53dfc1c9eac5922dd Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Thu, 7 Dec 2023 14:44:25 +0100 Subject: [PATCH 5/6] Rerun Chromatic UI test on GH From b8c5a696febb4da4f8b572d82883a8fbd6dd9207 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Thu, 7 Dec 2023 14:48:22 +0100 Subject: [PATCH 6/6] Merge pull request #367 from danskernesdigitalebibliotek/fix/stackable-cards Make sure to show stackable cards on the fee-list-page