diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-28 22:56:15 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-28 22:56:15 +0200 |
| commit | 3f6b9fbf9cc59d5ae20f9bda7c8fdf9f55d5675e (patch) | |
| tree | 7c7f67fb27506acbfbb26d3a7ce64a3ce1b0bdf9 /src/components/tab_switcher | |
| parent | 7575079da96a70eb00272e6273b90a10b02da0f0 (diff) | |
user cards looking nicer now
Diffstat (limited to 'src/components/tab_switcher')
| -rw-r--r-- | src/components/tab_switcher/tab.style.js | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/src/components/tab_switcher/tab.style.js b/src/components/tab_switcher/tab.style.js index bf4a4ea5..eac8aaeb 100644 --- a/src/components/tab_switcher/tab.style.js +++ b/src/components/tab_switcher/tab.style.js @@ -3,7 +3,7 @@ export default { selector: '.tab', // CSS selector/prefix states: { active: '.active', - hover: ':hover:not(:disabled)', + hover: ':hover:not(.disabled)', disabled: '.disabled' }, validInnerComponents: [ @@ -25,23 +25,22 @@ export default { } }, { - state: ['hover', 'active'], + state: ['active'], directives: { - shadow: ['--defaultButtonShadow', '--defaultButtonBevel'], opacity: 0 } }, { - state: ['disabled'], + state: ['hover', 'active'], directives: { - background: '$blend(--inheritedBackground, 0.25, --parent)', - shadow: ['--defaultButtonBevel'] + shadow: ['--defaultButtonShadow', '--defaultButtonBevel'] } }, { - state: ['active'], + state: ['disabled'], directives: { - opacity: 0 + background: '$blend(--inheritedBackground, 0.25, --parent)', + shadow: ['--defaultButtonBevel'] } }, { |