pleroma-fe

commit: 4785c553ef403d531e293bb3f2813b973f139456
parent 879f520b75bcb379790317627bc2a8d2b739a2fb
Author: Henry Jameson <me@hjkos.com>
Date:   Thu, 22 Feb 2024 00:06:51 +0200

small tabs improvements

Diffstat:
M
src/components/tab_switcher/tab.style.js
27
+++++++++++++++++++++++++++

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'
+      }
     }
   ]
 }