fix(ui): let the user-menu icon inherit hover color (MAPPS-384 follow-up) #447
Loading…
Reference in a new issue
No description provided.
Delete branch "fix/MAPPS-384-profile-icon-hover-color"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Follow-up to #446 (MAPPS-384).
Problem
After #446 the user-profile icon still did not visibly light up on hover like the other top-bar icons. The trigger button got
text-subtle hover:text-content hover:bg-surface-2, but theUserCircleIconinside it still carried a hardcodedclass: "text-subtle". Since the icon strokes withcurrentColor, that class pinned the icon color totext-subtleand overrode the button'shover:text-content, so the icon never brightened. The hover background changed, but the icon-color cue (the obvious one, and the one the sibling icons use) was suppressed.Fix
Drop the color class from the icon so it inherits
currentColorfrom the button, exactly like the siblingSwatchIcon {}(theme picker) and the notification bell. Applied to bothUserMenuand the client-portal twinPortalUserMenu.Verification
cargo fmt --all --check: clean.The MAPPS-384 fix gave the trigger button `text-subtle hover:text-content`, but the `UserCircleIcon` still carried a hardcoded `class: "text-subtle"`. Because the icon strokes with `currentColor`, that pinned the icon's color to `text-subtle` and overrode the button's `hover:text-content`, so the icon never brightened on hover the way the sibling top-bar icons do (e.g. `SwatchIcon {}`, which carries no color class and inherits from its button). The background changed on hover but the icon-color cue - the obvious one - was dead. Drop the color class so the icon inherits `currentColor` from the button, matching the siblings. Applied to both `UserMenu` and the portal twin `PortalUserMenu`. Verified via dx hot-reload against the local dev build. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CEnKozf9UzwgoT1RUELYpb