small tabs improvements

2024-02-22 00:06:51 +02:00 · 2024-02-22 00:06:51 +02:00 · 4785c553ef
commit 4785c553ef
parent 879f520b75
1 changed files with 27 additions and 0 deletions
--- 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'
+      }
    }
  ]
 }