From d51a1dbbbe4876b8b56174809042debfc16e2510 Mon Sep 17 00:00:00 2001 From: Lauri Eskola Date: Tue, 17 Aug 2021 15:11:14 +0300 Subject: [PATCH] Issue #3227427 by mherchel, Gauravmahlawat: Olivero: 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 298d0fa9d66..31bfc4138ed 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 ee096ecf519..73ed429b032 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 {