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

Issue #3227427 by mherchel, Gauravmahlawat: Olivero: <summary> focus state is invisible in Windows high contrast 

(cherry picked from commit d51a1dbbbe)
merge-requests/1102/head
Lauri Eskola 2021-08-17 15:11:14 +03:00
parent 9c11e7391a
commit 8e07ae30cc
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
core/themes/olivero/css/components/details.css
View File

@ -111,7 +111,8 @@
/* Disable default outline for summary, since we have own implementation */ /* Disable default outline for summary, since we have own implementation */
.olivero-details__summary:focus { .olivero-details__summary:focus {
outline: none; outline: solid 2px transparent;
outline-offset: -4px;
} }
/* Details summary, hover state */ /* Details summary, hover state */
@ -196,7 +197,7 @@
} }
.collapse-processed > .olivero-details__summary .details-title:focus { .collapse-processed > .olivero-details__summary .details-title:focus {
outline: none; outline: solid 2px transparent;
} }
.collapse-processed > .olivero-details__summary .details-title:hover { .collapse-processed > .olivero-details__summary .details-title:hover {

5
core/themes/olivero/css/components/details.pcss.css
View File

@ -78,7 +78,8 @@
/* Disable default outline for summary, since we have own implementation */ /* Disable default outline for summary, since we have own implementation */
.olivero-details__summary:focus { .olivero-details__summary:focus {
outline: none; outline: solid 2px transparent;
outline-offset: -4px;
} }
/* Details summary, hover state */ /* Details summary, hover state */
@ -129,7 +130,7 @@
} }
.collapse-processed > .olivero-details__summary .details-title:focus { .collapse-processed > .olivero-details__summary .details-title:focus {
outline: none; outline: solid 2px transparent;
} }
.collapse-processed > .olivero-details__summary .details-title:hover { .collapse-processed > .olivero-details__summary .details-title:hover {