From 396f082518adddb38c0f5643b7bf0d98871e5355 Mon Sep 17 00:00:00 2001 From: Marwa Date: Wed, 12 Nov 2025 16:34:12 +0100 Subject: [PATCH 1/3] style: footer print color added for clear visibility --- apps/pdc-frontend/src/styles/print.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/apps/pdc-frontend/src/styles/print.css b/apps/pdc-frontend/src/styles/print.css index 8acaa7d1c..ffd0bb810 100644 --- a/apps/pdc-frontend/src/styles/print.css +++ b/apps/pdc-frontend/src/styles/print.css @@ -165,6 +165,12 @@ display: none; } + /* Footer color */ + footer, + .utrecht-footer * { + color: var(--utrecht-color-black) !important; + } + /* Mark sections: border for print */ mark, .utrecht-mark { From 1d420d1c9d01ecbcdc603139da0dc5827f77237f Mon Sep 17 00:00:00 2001 From: Marwa Date: Thu, 20 Nov 2025 16:40:20 +0100 Subject: [PATCH 2/3] refactor: remove footer element --- apps/pdc-frontend/src/styles/print.css | 1 - 1 file changed, 1 deletion(-) diff --git a/apps/pdc-frontend/src/styles/print.css b/apps/pdc-frontend/src/styles/print.css index ffd0bb810..35ab55758 100644 --- a/apps/pdc-frontend/src/styles/print.css +++ b/apps/pdc-frontend/src/styles/print.css @@ -166,7 +166,6 @@ } /* Footer color */ - footer, .utrecht-footer * { color: var(--utrecht-color-black) !important; } From 629ff0f56b43a06d6ebd340b3cfc6a6b98d19622 Mon Sep 17 00:00:00 2001 From: Marwa Date: Wed, 26 Nov 2025 09:18:56 +0100 Subject: [PATCH 3/3] refactor: footer headings and page-footer color css-print using tokens --- apps/pdc-frontend/src/styles/print.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/apps/pdc-frontend/src/styles/print.css b/apps/pdc-frontend/src/styles/print.css index 35ab55758..42678a141 100644 --- a/apps/pdc-frontend/src/styles/print.css +++ b/apps/pdc-frontend/src/styles/print.css @@ -6,6 +6,15 @@ --utrecht-heading-5-font-size: var(--utrecht-heading-4-font-size); --utrecht-heading-6-font-size: var(--utrecht-heading-4-font-size); + .utrecht-page-footer { + --utrecht-page-footer-color: var(--utrecht-color-black); + --utrecht-heading-2-color: var(--utrecht-color-black); + --utrecht-heading-3-color: var(--utrecht-color-black); + --utrecht-heading-4-color: var(--utrecht-color-black); + --utrecht-heading-5-color: var(--utrecht-color-black); + --utrecht-heading-6-color: var(--utrecht-color-black); + } + /* Text Settings */ hyphens: auto; overflow-wrap: break-word; @@ -165,11 +174,6 @@ display: none; } - /* Footer color */ - .utrecht-footer * { - color: var(--utrecht-color-black) !important; - } - /* Mark sections: border for print */ mark, .utrecht-mark {