From a24ae88b2ef45cd6fb16ed54188f15dbffdf349a Mon Sep 17 00:00:00 2001 From: Ahmad Abdolsaheb Date: Mon, 2 Dec 2019 18:08:43 +0300 Subject: [PATCH] fix: fix modal close contrast (#37848) * fix: more fix --- client/src/components/layouts/global.css | 14 +++++++++++--- client/src/pages/certification.css | 6 +++++- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css index d4d8970b76..a87f7a9f42 100644 --- a/client/src/components/layouts/global.css +++ b/client/src/components/layouts/global.css @@ -122,13 +122,21 @@ a:focus { color: var(--secondary-color); } -.fcc-modal .close { - color: var(--secondary-color); - opacity: 100%; +button.close { + color: inherit; + background-color: transparent; font-size: 28px; + opacity: 0.5; text-shadow: none; } +button.close:hover, +button.close:focus { + color: inherit; + opacity: 1; + background-color: transparent; +} + .modal-content { background-color: var(--secondary-background); border-radius: 0px; diff --git a/client/src/pages/certification.css b/client/src/pages/certification.css index 351fcb3b98..53e60a5aff 100644 --- a/client/src/pages/certification.css +++ b/client/src/pages/certification.css @@ -78,7 +78,11 @@ font-size: 20px; text-align: right; margin-right: 100px; - color: #fff; + color: var(--gray-00); +} + +.certification-namespace .issue-date strong { + color: var(--gray-00); } .certification-namespace .information {