From a457ece614f13abba04d8d0070b9c2fe11bdc15a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Mon, 1 Jun 2026 18:06:06 +0200 Subject: [PATCH] Swap active and inactive styling for large tab navigation --- styles/10-components-interactive-elements.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css index c4b8764..f518b68 100644 --- a/styles/10-components-interactive-elements.css +++ b/styles/10-components-interactive-elements.css @@ -159,16 +159,16 @@ padding-inline: var(--layout-tab-navigation-large-padding-inline); } - .sg-tab-button[aria-selected="true"] { - background: var(--surface-tab-selected); - color: var(--text-tab-selected); - } - - .sg-tab-button[aria-selected="false"] { + .sg-tab-button-group[data-component="tab-navigation"][data-component-size="large"] .sg-tab-button[aria-selected="true"] { background: var(--surface-tab-unselected); color: var(--text-tab-unselected); } + .sg-tab-button-group[data-component="tab-navigation"][data-component-size="large"] .sg-tab-button[aria-selected="false"] { + background: var(--surface-tab-selected); + color: var(--text-tab-selected); + } + .sg-tab-button-group[data-component-size="compact"] .sg-tab-button[aria-selected="false"] { background: var(--surface-tab-compact-unselected); color: var(--text-control-default);