From 4785c553ef403d531e293bb3f2813b973f139456 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 22 Feb 2024 00:06:51 +0200 Subject: [PATCH] small tabs improvements --- src/components/tab_switcher/tab.style.js | 27 ++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/src/components/tab_switcher/tab.style.js b/src/components/tab_switcher/tab.style.js index 563da87c..bf4a4ea5 100644 --- a/src/components/tab_switcher/tab.style.js +++ b/src/components/tab_switcher/tab.style.js @@ -24,6 +24,13 @@ export default { shadow: ['--defaultButtonHoverGlow', '--defaultButtonBevel'] } }, + { + state: ['hover', 'active'], + directives: { + shadow: ['--defaultButtonShadow', '--defaultButtonBevel'], + opacity: 0 + } + }, { state: ['disabled'], directives: { @@ -47,6 +54,26 @@ export default { textOpacity: 0.25, textOpacityMode: 'blend' } + }, + { + component: 'Icon', + parent: { + component: 'Tab', + state: ['active'] + }, + directives: { + textColor: '--text' + } + }, + { + component: 'Icon', + parent: { + component: 'Tab', + state: ['active', 'hover'] + }, + directives: { + textColor: '--text' + } } ] }