Skip to content

bug(dashboard): Sidebar logout button missing tooltip when collapsed #4407

@OneStepAt4time

Description

@OneStepAt4time

Description

When the sidebar is collapsed, nav items show a title attribute for tooltip. The Settings link has title={isCollapsed ? 'Settings' : undefined}, but the Logout button has no title attribute at all — just an aria-label.

When collapsed, the logout button shows only a LogOut icon with no hover text, making it unclear what it does.

Location

dashboard/src/components/layout/Sidebar.tsx line ~130:

<button
  type="button"
  onClick={onLogout}
  aria-label={t("aria.signOut")}
  // No title attribute!

Compare with Settings:

<NavLink
  title={isCollapsed ? 'Settings' : undefined}

Expected Behavior

Collapsed sidebar logout button should show "Sign out" tooltip on hover, consistent with other nav items.

Fix

Add title={isCollapsed ? 'Sign out' : undefined} to the logout button.

Environment

  • Aegis Dashboard
  • Desktop only (sidebar collapse is md+)

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2bugSomething isn't workingdashboardreleasedIncluded in a published releaseux

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions