From d51a1dbbbe4876b8b56174809042debfc16e2510 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Tue, 17 Aug 2021 15:11:14 +0300
Subject: [PATCH] Issue #3227427 by mherchel, Gauravmahlawat: Olivero:
<summary> focus state is invisible in Windows high contrast
---
core/themes/olivero/css/components/details.css | 5 +++--
core/themes/olivero/css/components/details.pcss.css | 5 +++--
2 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/core/themes/olivero/css/components/details.css b/core/themes/olivero/css/components/details.css
index 298d0fa9d66e..31bfc4138edd 100644
--- a/core/themes/olivero/css/components/details.css
+++ b/core/themes/olivero/css/components/details.css
@@ -111,7 +111,8 @@
/* Disable default outline for summary, since we have own implementation */
.olivero-details__summary:focus {
- outline: none;
+ outline: solid 2px transparent;
+ outline-offset: -4px;
}
/* Details summary, hover state */
@@ -196,7 +197,7 @@
}
.collapse-processed > .olivero-details__summary .details-title:focus {
- outline: none;
+ outline: solid 2px transparent;
}
.collapse-processed > .olivero-details__summary .details-title:hover {
diff --git a/core/themes/olivero/css/components/details.pcss.css b/core/themes/olivero/css/components/details.pcss.css
index ee096ecf519e..73ed429b032d 100644
--- a/core/themes/olivero/css/components/details.pcss.css
+++ b/core/themes/olivero/css/components/details.pcss.css
@@ -78,7 +78,8 @@
/* Disable default outline for summary, since we have own implementation */
.olivero-details__summary:focus {
- outline: none;
+ outline: solid 2px transparent;
+ outline-offset: -4px;
}
/* Details summary, hover state */
@@ -129,7 +130,7 @@
}
.collapse-processed > .olivero-details__summary .details-title:focus {
- outline: none;
+ outline: solid 2px transparent;
}
.collapse-processed > .olivero-details__summary .details-title:hover {
--
GitLab