Skip to content

feat(nav): Improve preview of other nav groups on hover #92352

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 28, 2025

Conversation

malwilley
Copy link
Member

@malwilley malwilley commented May 27, 2025

Improves on #92055

  • Switches back to a full-height secondary navigation when collapsed
  • Adds previewing of other nav groups even when the navigation is expanded
  • Adds some subtle animations when switching the active nav group
CleanShot.2025-05-27.at.13.20.35.mp4

@malwilley malwilley requested a review from a team May 27, 2025 20:46
@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label May 27, 2025
Copy link
Member Author

@malwilley malwilley May 27, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This file was removed in #92055, bringing it back since we want the hover to expand behavior back.

@malwilley malwilley marked this pull request as ready for review May 27, 2025 21:06
@malwilley malwilley requested a review from evanpurkhiser May 27, 2025 21:06

const IGNORE_ELEMENTS = [
// Tooltips are rendered in document.body so will cause the nav to close
'[data-tooltip="true"]',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You probably could use data-overlay even

@@ -74,6 +92,15 @@ const SidebarWrapper = styled('div')<{tourIsActive: boolean}>`
`}
`;

const CollapsedSecondaryWrapper = styled(motion.div)`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this be like motion.nav or something I wonder

@malwilley malwilley merged commit e6f182e into master May 28, 2025
44 checks passed
@malwilley malwilley deleted the malwilley/feat/nav-full-height-submenu-preview branch May 28, 2025 17:16
billyvg pushed a commit that referenced this pull request May 28, 2025
- Switches back to a full-height secondary navigation when collapsed
- Adds previewing of other nav groups even when the navigation is
expanded
- Adds some subtle animations when switching the active nav group
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Scope: Frontend Automatically applied to PRs that change frontend components
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants