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

Issue #3277287 by Gauravvvv, Anita Verma, shweta__sharma, smustgrave, akmalfikri: Improve vertical tabs in forced colors mode 

(cherry picked from commit b4a0a9e750)
merge-requests/6716/head
nod_ 2024-02-21 01:04:51 +01:00
parent 317f5ecdb1
commit 93cb498a88
No known key found for this signature in database
GPG Key ID: 76624892606FA197
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/themes/claro/css/components/vertical-tabs.css
View File

@ -193,6 +193,12 @@
border-end-start-radius: var(--base-border-radius); border-end-start-radius: var(--base-border-radius);
} }
@media (forced-colors: active) {
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid canvastext;
}
}
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before { .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before {
background: none; background: none;
} }

4
core/themes/claro/css/components/vertical-tabs.pcss.css
View File

@ -170,6 +170,10 @@
border-start-end-radius: 0; border-start-end-radius: 0;
border-end-end-radius: 0; border-end-end-radius: 0;
border-end-start-radius: var(--base-border-radius); border-end-start-radius: var(--base-border-radius);
@media (forced-colors: active) {
border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid canvastext;
}
} }
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before { .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before {