commit: 4785c553ef403d531e293bb3f2813b973f139456
parent 879f520b75bcb379790317627bc2a8d2b739a2fb
Author: Henry Jameson <me@hjkos.com>
Date: Thu, 22 Feb 2024 00:06:51 +0200
small tabs improvements
Diffstat:
1 file changed, 27 insertions(+), 0 deletions(-)
diff --git a/src/components/tab_switcher/tab.style.js b/src/components/tab_switcher/tab.style.js
@@ -25,6 +25,13 @@ export default {
}
},
{
+ state: ['hover', 'active'],
+ directives: {
+ shadow: ['--defaultButtonShadow', '--defaultButtonBevel'],
+ opacity: 0
+ }
+ },
+ {
state: ['disabled'],
directives: {
background: '$blend(--inheritedBackground, 0.25, --parent)',
@@ -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'
+ }
}
]
}