From: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Date: Sat, 17 Dec 2022 00:58:36 +0000 (-0600)
Subject: LP1999954 Modal header color contrast fixes
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=b6a2ce07f819a9ac3562253abcf37170d0cfe72f;p=Evergreen.git

LP1999954 Modal header color contrast fixes

Changes modal header and close button to white in order to pass WCAG
color contrast checks.

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Signed-off-by: Jane Sandberg <js7389@princeton.edu>
---

diff --git a/Open-ILS/src/eg2/src/styles.css b/Open-ILS/src/eg2/src/styles.css
index b2391688d5..f15aeae4fd 100644
--- a/Open-ILS/src/eg2/src/styles.css
+++ b/Open-ILS/src/eg2/src/styles.css
@@ -291,6 +291,24 @@ body>.dropdown-menu {z-index: 2100;}
 @media (min-width: 1600px) { .modal-xl { max-width: 1500px; } }
 @media (min-width: 1700px) { .modal-xl { max-width: 1600px; } }
 
+/* Contrast for dialog titles */
+.modal-header .modal-title {
+  color: #fff;
+  font-weight: 600;
+}
+
+.modal-header .close,
+.modal-header .close:hover {
+  color: #fff;
+  opacity: 1;
+  text-shadow: none;
+}
+
+.modal-header .close:not(:disabled):not(.disabled):focus, 
+.modal-header .close:not(:disabled):not(.disabled):hover {
+  opacity: 1;
+}
+
 /**
  * Make the acquisitions search form's navigation tabs match
  * those of the staff interface. This is a global rule because