From 87d16e4c6a1d8dd3a3f943ea70f8b9d5f8bfe76b Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Tue, 20 Jul 2021 12:46:41 +0300
Subject: [PATCH] Issue #3223270 by mherchel, javi-er: Olivero: Messages
"close" icon not visible in IE11 High Contrast (and maybe others)
---
core/themes/olivero/css/components/messages.css | 6 +++---
core/themes/olivero/css/components/messages.pcss.css | 6 +++---
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/core/themes/olivero/css/components/messages.css b/core/themes/olivero/css/components/messages.css
index ce4039f0f33a..5febd0d6c0ad 100644
--- a/core/themes/olivero/css/components/messages.css
+++ b/core/themes/olivero/css/components/messages.css
@@ -201,9 +201,9 @@
left: 50%;
display: block;
width: 2.0625rem;
- height: 2px;
+ height: 0;
content: "";
- background-color: #7e96a7;
+ border-top: solid 2px #7e96a7;
}
.messages__close:before {
@@ -216,7 +216,7 @@
.messages__close:hover::before,
.messages__close:hover::after {
- background-color: #fff;
+ border-color: #fff;
}
.messages__close:focus {
diff --git a/core/themes/olivero/css/components/messages.pcss.css b/core/themes/olivero/css/components/messages.pcss.css
index a7de95e7ffe4..3625aa5f3e4e 100644
--- a/core/themes/olivero/css/components/messages.pcss.css
+++ b/core/themes/olivero/css/components/messages.pcss.css
@@ -99,9 +99,9 @@
left: 50%;
display: block;
width: 33px;
- height: 2px;
+ height: 0;
content: "";
- background-color: var(--color--gray-30);
+ border-top: solid 2px var(--color--gray-30);
}
&:before {
@@ -115,7 +115,7 @@
&:hover {
&::before,
&::after {
- background-color: var(--color--white);
+ border-color: var(--color--white);
}
}
--
GitLab