arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-24 17:00:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(NavigationMenu): highlight open items on horizontal orientation only

Browse Source
This commit is contained in:
Benjamin Canac
2025-01-16 16:09:08 +01:00
parent 27fdc8e260
commit 931211a634
3 changed files with 118 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/theme/navigation-menu.ts
View File

@@ -108,8 +108,17 @@ export default (options: Required<ModuleOptions>) => ({
active: false,
variant: 'pill',
class: {
link: ['hover:text-[var(--ui-text-highlighted)] hover:before:bg-[var(--ui-bg-elevated)]/50 data-[state=open]:text-[var(--ui-text-highlighted)]', options.theme.transitions && 'transition-colors before:transition-colors'],
linkLeadingIcon: ['group-hover:text-[var(--ui-text)] group-data-[state=open]:text-[var(--ui-text)]', options.theme.transitions && 'transition-colors']
link: ['hover:text-[var(--ui-text-highlighted)] hover:before:bg-[var(--ui-bg-elevated)]/50', options.theme.transitions && 'transition-colors before:transition-colors'],
linkLeadingIcon: ['group-hover:text-[var(--ui-text)]', options.theme.transitions && 'transition-colors']
}
}, {
disabled: false,
active: false,
variant: 'pill',
orientation: 'horizontal',
class: {
link: 'data-[state=open]:text-[var(--ui-text-highlighted)]',
linkLeadingIcon: 'group-data-[state=open]:text-[var(--ui-text)]'
}
}, {
disabled: false,
@@ -163,8 +172,17 @@ export default (options: Required<ModuleOptions>) => ({
active: false,
variant: 'link',
class: {
link: ['hover:text-[var(--ui-text-highlighted)] data-[state=open]:text-[var(--ui-text-highlighted)]', options.theme.transitions && 'transition-colors'],
linkLeadingIcon: ['group-hover:text-[var(--ui-text)] group-data-[state=open]:text-[var(--ui-text)]', options.theme.transitions && 'transition-colors']
link: ['hover:text-[var(--ui-text-highlighted)]', options.theme.transitions && 'transition-colors'],
linkLeadingIcon: ['group-hover:text-[var(--ui-text)]', options.theme.transitions && 'transition-colors']
}
}, {
disabled: false,
active: false,
variant: 'link',
orientation: 'horizontal',
class: {
link: 'data-[state=open]:text-[var(--ui-text-highlighted)]',
linkLeadingIcon: 'group-data-[state=open]:text-[var(--ui-text)]'
}
}, ...(options.theme.colors || []).map((color: string) => ({
color,