hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix focus styles for button

Browse source
This commit is contained in:
Henry Jameson 2025-03-19 03:23:36 +02:00
parent 76c1ab13ec
commit 3f062fb5b6
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/button.style.js
View file

@ -9,7 +9,7 @@ export default {
// However, cascading still works, so resulting state will be result of merging of all relevant states/variants // However, cascading still works, so resulting state will be result of merging of all relevant states/variants
// normal: '' // normal state is implicitly added, it is always included // normal: '' // normal state is implicitly added, it is always included
toggled: '.toggled', toggled: '.toggled',
focused: ':focus-visible', focused: ':focus-within',
pressed: ':focus:active', pressed: ':focus:active',
hover: ':hover:not(:disabled)', hover: ':hover:not(:disabled)',
disabled: ':disabled' disabled: ':disabled'
@ -89,6 +89,13 @@ export default {
shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'] shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
} }
}, },
{
state: ['toggled', 'focused'],
directives: {
background: '--accent,-24.2',
shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
}
},
{ {
state: ['toggled', 'disabled'], state: ['toggled', 'disabled'],
directives: { directives: {