From 93cb498a88f920f5dd76cbaa1aadb4fe89ceb5e4 Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Wed, 21 Feb 2024 01:04:51 +0100
Subject: [PATCH] Issue #3277287 by Gauravvvv, Anita Verma, shweta__sharma,
smustgrave, akmalfikri: Improve vertical tabs in forced colors mode
(cherry picked from commit b4a0a9e75078b9c1796920eb461b289d2f1bb88b)
---
core/themes/claro/css/components/vertical-tabs.css | 6 ++++++
core/themes/claro/css/components/vertical-tabs.pcss.css | 4 ++++
2 files changed, 10 insertions(+)
diff --git a/core/themes/claro/css/components/vertical-tabs.css b/core/themes/claro/css/components/vertical-tabs.css
index 85d0f0f82f38..2fded23efd8d 100644
--- a/core/themes/claro/css/components/vertical-tabs.css
+++ b/core/themes/claro/css/components/vertical-tabs.css
@@ -193,6 +193,12 @@
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 {
background: none;
}
diff --git a/core/themes/claro/css/components/vertical-tabs.pcss.css b/core/themes/claro/css/components/vertical-tabs.pcss.css
index 7c38c47e95cf..fbc0002f8a31 100644
--- a/core/themes/claro/css/components/vertical-tabs.pcss.css
+++ b/core/themes/claro/css/components/vertical-tabs.pcss.css
@@ -170,6 +170,10 @@
border-start-end-radius: 0;
border-end-end-radius: 0;
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 {
--
GitLab