Normalize hover styling for top-level left nav link (SSW Products)

[Copilot]

Left-hand nav hover behavior was inconsistent: grouped submenu links showed the expected hover treatment, while the top-level SSW Products item did not. This updates the top-level link styling path so standalone left-nav items render the same hover UX as adjacent items.

• What changed

  • Updated the top-level NavigationBarLeftNavItemStringItem link classes in components/shared/NavBarClient.tsx.
  • Added the missing hover/text transition utilities used by peer left-nav links:
    • hover:text-white
    • underline-offset-4
    • transition-colors
  • Kept active-state underline behavior (after:scale-x-100 after:origin-left) unchanged.

• Why this addresses the issue

  • The SSW Products entry is rendered through the standalone string-item path, which lacked the hover class set already present in submenu item rendering.
  • Aligning class composition between these paths restores consistent hover feedback across left-nav items.

• Code snippet

  className={cn(
    "mx-3 text-base flex flex-row gap-1 items-center min-h-[42px] rounded uppercase whitespace-nowrap writing-mode-horizontal hover:text-white underline-offset-4 transition-colors",
    isActive && "after:scale-x-100 after:origin-left"
  )}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ssw-products	Error		Jul 17, 2026 2:20am