Skip to content
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

feat: 1629 collapse navigation #1796

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Conversation

mgaseta
Copy link
Collaborator

@mgaseta mgaseta commented Dec 20, 2024

Description

Closes #1629

Changelog

New

  • Added new classes to deal with the menu

Changed

  • Overall styles

Removed

  • Nothing :)

How was this tested?

  • 🧠 Not needed
  • 👀 Eyeball
  • 🤖 Added tests

What gif/image best describes this PR or how it makes you feel?


Thanks for the PR!

Deployments, as required, will be available below:

Please create PRs in draft mode. Mark as ready to enable:

After merge, new images are deployed in:

@mgaseta mgaseta self-assigned this Dec 20, 2024
@mgaseta mgaseta linked an issue Dec 20, 2024 that may be closed by this pull request
9 tasks
@SLDonnelly
Copy link
Collaborator

@mgaseta it's working nicely! Is it possible to default to showing the panel?

@mgaseta
Copy link
Collaborator Author

mgaseta commented Dec 20, 2024

@mgaseta it's working nicely! Is it possible to default to showing the panel?

I can try it

@SLDonnelly SLDonnelly closed this Jan 2, 2025
@SLDonnelly SLDonnelly reopened this Jan 2, 2025
@SLDonnelly SLDonnelly closed this Jan 2, 2025
@mgaseta mgaseta reopened this Jan 6, 2025
@SLDonnelly
Copy link
Collaborator

Nice @mgaseta! I just tested the panel and its working great :)

Copy link
Collaborator

@ngunner15 ngunner15 left a comment

Choose a reason for hiding this comment

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

LGTM 💯

render={({ isSideNavExpanded, onClickSideNavExpand }: HearderContainerProps) => (
<Header
aria-label={componentTexts.completeTitle}
className="spar-header"
className={`spar-header ${!isSideNavExpanded ? 'spar-header-expanded' : ''}`}
Copy link
Collaborator

Choose a reason for hiding this comment

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

nit: {spar-header ${!isSideNavExpanded && 'spar-header-expanded'}}

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Fixed here: 1810578

inert={undefined}
className="spar-side-nav"
onClick={isSideNavExpanded ? onClickSideNavExpand : null}
className={`spar-side-nav ${!isSideNavExpanded ? 'spar-side-nav-expanded' : ''}`}
Copy link
Collaborator

Choose a reason for hiding this comment

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

same here

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Fixed here: 1810578

@mgaseta mgaseta requested a review from xiaopeng0202 January 10, 2025 13:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Collapse Navigation
4 participants