From 07c3e554e628deb85772bc4390870f21c59cf7f0 Mon Sep 17 00:00:00 2001 From: Arnei Date: Wed, 10 Jun 2026 15:49:46 +0200 Subject: [PATCH 1/3] Fix various color contrast issues Touches upon - The "Details >" links in some dialogs - Sub-Header Tabs (e.g. event assets) - Inactive NavBar items (e.g. "Series" when on event page) - Stats Filter - Footer Text --- src/styles/base/_variables.scss | 4 ++-- src/styles/components/_footer.scss | 2 +- src/styles/components/modals/_modal-components.scss | 4 ++-- src/styles/components/modals/_wizard.scss | 5 ----- 4 files changed, 5 insertions(+), 10 deletions(-) diff --git a/src/styles/base/_variables.scss b/src/styles/base/_variables.scss index 39c4ec22e6..39586b9c06 100644 --- a/src/styles/base/_variables.scss +++ b/src/styles/base/_variables.scss @@ -148,8 +148,8 @@ $modal-nav-bg-color: #eeeff0; $modal-nav-border-color: #d6d6d6; $modal-nav-link-color: #646E75; $modal-nav-link-active-color: $header-link-color; -$subpage-navigation-link-color: color.adjust($header-link-color, $lightness: 25%); //#fafafa -$subpage-navigation-link-hover-color: color.adjust($header-link-color, $lightness: 35%); //#9cabbc +$subpage-navigation-link-color: $color-silver; //#fafafa +$subpage-navigation-link-hover-color: color.adjust($subpage-navigation-link-color, $lightness: -15%); //#9cabbc // Stats // ---------------------------------------- diff --git a/src/styles/components/_footer.scss b/src/styles/components/_footer.scss index e6e8850c20..ea945f9471 100644 --- a/src/styles/components/_footer.scss +++ b/src/styles/components/_footer.scss @@ -81,7 +81,7 @@ $footer-background-color: color.adjust(variables.$body-background, $lightness: - } ul li { - color: variables.$light-prim-color; + color: variables.$medium-prim-color; margin-left: 10px; vertical-align: top; font-size: 10px; diff --git a/src/styles/components/modals/_modal-components.scss b/src/styles/components/modals/_modal-components.scss index 7910d21204..cbb304f55b 100644 --- a/src/styles/components/modals/_modal-components.scss +++ b/src/styles/components/modals/_modal-components.scss @@ -251,7 +251,7 @@ // ---------------------------------------- .details-link { - color: variables.$l-blue; + color: variables.$ref-blue; white-space: nowrap; display: flex; align-items: center; @@ -262,7 +262,7 @@ } &:hover { - color: color.adjust(variables.$l-blue, $lightness: -20%); + color: color.adjust(variables.$ref-blue, $lightness: -20%); } } diff --git a/src/styles/components/modals/_wizard.scss b/src/styles/components/modals/_wizard.scss index 23d47763d3..b0ec1a36ba 100644 --- a/src/styles/components/modals/_wizard.scss +++ b/src/styles/components/modals/_wizard.scss @@ -26,9 +26,4 @@ float: left; margin-left: 3%; } - - .inactive { - opacity: 0.5; - cursor: default; - } } \ No newline at end of file From a45563cf0b00055546e6622017cff19a7305cbde Mon Sep 17 00:00:00 2001 From: Arnei Date: Wed, 10 Jun 2026 16:01:22 +0200 Subject: [PATCH 2/3] Remove unnecessary extra file And move relevant css to a more appropriate file. --- src/components/shared/modals/Modal.tsx | 2 +- src/styles/components/modals/_footer.scss | 2 ++ .../components/modals/_modals-config.scss | 1 - src/styles/components/modals/_wizard.scss | 29 ------------------- 4 files changed, 3 insertions(+), 31 deletions(-) delete mode 100644 src/styles/components/modals/_wizard.scss diff --git a/src/components/shared/modals/Modal.tsx b/src/components/shared/modals/Modal.tsx index 3f9e471d65..0ada5549b1 100644 --- a/src/components/shared/modals/Modal.tsx +++ b/src/components/shared/modals/Modal.tsx @@ -74,7 +74,7 @@ export const Modal = forwardRef>(
Date: Wed, 10 Jun 2026 16:05:48 +0200 Subject: [PATCH 3/3] Do not always show "Save" in ACL Tab Only show the "Save" and "Cancel" buttons in the ACL tab if there is something to save or cancel. This is in line with the behaviour of other tabs. --- src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx b/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx index 451d517e59..88b51804ca 100644 --- a/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx +++ b/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx @@ -368,7 +368,7 @@ const ResourceDetailsAccessPolicyTab = ({ } {/* Save and cancel buttons */} - {!transactions.readOnly && resetPolicies(formik.resetForm)} submit={() => saveAccess(formik.values, false)}