Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3223270 by mherchel, javi-er: Olivero: Messages "close" icon not visible in IE11 High Contrast (and maybe others) 

(cherry picked from commit 87d16e4c6a)
merge-requests/282/head^2
Lauri Eskola 2021-07-20 12:46:41 +03:00
parent d890c95f4e
commit e32aa6ad6a
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/themes/olivero/css/components/messages.css
View File

@ -201,9 +201,9 @@
left: 50%; left: 50%;
display: block; display: block;
width: 2.0625rem; width: 2.0625rem;
height: 2px; height: 0;
content: ""; content: "";
background-color: #7e96a7; border-top: solid 2px #7e96a7;
} }
.messages__close:before { .messages__close:before {
@ -216,7 +216,7 @@
.messages__close:hover::before, .messages__close:hover::before,
.messages__close:hover::after { .messages__close:hover::after {
background-color: #fff; border-color: #fff;
} }
.messages__close:focus { .messages__close:focus {

6
core/themes/olivero/css/components/messages.pcss.css
View File

@ -99,9 +99,9 @@
left: 50%; left: 50%;
display: block; display: block;
width: 33px; width: 33px;
height: 2px; height: 0;
content: ""; content: "";
background-color: var(--color--gray-30); border-top: solid 2px var(--color--gray-30);
} }
&:before { &:before {
@ -115,7 +115,7 @@
&:hover { &:hover {
&::before, &::before,
&::after { &::after {
background-color: var(--color--white); border-color: var(--color--white);
} }
} }