matt/navi
1
0
Fork 0
mirror of https://github.com/zvx-echo6/navi.git synced 2026-05-20 22:54:42 +02:00
Code Issues Projects Releases Packages Wiki Activity

style(radial): suppress hover highlight on auth-required wedges

Browse source 
Grayed-out wedges shouldn't show the same hover feedback as enabled
wedges — the highlight contradicts the grayed-out 'not available'
signal. Auth-required wedges now stay visually muted on hover while
remaining clickable.
This commit is contained in:
Matt 2026-04-26 07:04:02 +00:00
commit a11fc13b33
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/RadialMenu.jsx
View file

@ -305,15 +305,22 @@ export default function RadialMenu({
fill: var(--text-tertiary); fill: var(--text-tertiary);
} }
/* Auth-required hover — background still reacts, content stays muted */ /* Auth-required wedges — suppress hover highlight (still clickable) */
.radial-wedge.auth-required:hover .wedge-path,
.radial-wedge.auth-required.active .wedge-path {
fill: var(--bg-overlay);
fill-opacity: 0.92;
}
/* Auth-required hover — content stays muted */
.radial-wedge.auth-required:hover .wedge-icon, .radial-wedge.auth-required:hover .wedge-icon,
.radial-wedge.auth-required.active .wedge-icon { .radial-wedge.auth-required.active .wedge-icon {
color: var(--text-secondary); color: var(--text-tertiary);
} }
.radial-wedge.auth-required:hover .wedge-label, .radial-wedge.auth-required:hover .wedge-label,
.radial-wedge.auth-required.active .wedge-label { .radial-wedge.auth-required.active .wedge-label {
fill: var(--text-secondary); fill: var(--text-tertiary);
} }
/* Center disc — raised surface */ /* Center disc — raised surface */