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(react-nav-preview): Applying styles to NavCategoryItem and NavSubItem #31019

Merged
merged 12 commits into from
Apr 16, 2024

Conversation

mltejera
Copy link
Contributor

@mltejera mltejera commented Apr 10, 2024

Took the lessons learned from styling the NavItem and applied them to NavCategoryItem and NavSubItem.

  • Added icon prop and logic to NavCategoryItem
  • Applied styling from NavItem
  • Overrode a few places where it needs to be slightly different.
  • Adds more to NavDrawerExample which will be ported over to the main story book shortly.
  • Removed 'content' slots to eliminate unnecessary DOM.

Open Question - Since I plan for these styles to be intentionally shared, so I move them to some sort of 'SharedNavStyles" folder to be more clear about intentionality?

Chips away at #26649

Recording.2024-04-11.090742.mp4

@fabricteam
Copy link
Collaborator

fabricteam commented Apr 10, 2024

📊 Bundle size report

✅ No changes found

Copy link

codesandbox-ci bot commented Apr 10, 2024

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

@mltejera mltejera marked this pull request as ready for review April 10, 2024 17:24
@mltejera mltejera requested a review from a team as a code owner April 10, 2024 17:24
@mltejera mltejera force-pushed the user/matejera/nav-mega-style branch from 32f5283 to b6015fc Compare April 10, 2024 20:45
@lekoulekou
Copy link

Looking good! Wondering if the chevron direction has been set yet? We're using right-direction for closed, then down-direction for open. In addition, it looks like the chevron makes a little jump to the left when the NavCategoryItem opens.

@mltejera
Copy link
Contributor Author

Good catch on the icon - updated!

@mltejera mltejera force-pushed the user/matejera/nav-mega-style branch from 4529ba5 to e31efc9 Compare April 15, 2024 15:50
Copy link
Contributor

@sopranopillow sopranopillow left a comment

Choose a reason for hiding this comment

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

Last bit of nits, but otherwise looks great!

@mltejera
Copy link
Contributor Author

updated all the import statements, thanks Esteban!

@mltejera mltejera force-pushed the user/matejera/nav-mega-style branch from 5530a6b to 43df8c9 Compare April 16, 2024 20:10
@mltejera mltejera force-pushed the user/matejera/nav-mega-style branch from 43df8c9 to 5648091 Compare April 16, 2024 20:15
@mltejera mltejera merged commit 25cfd4d into microsoft:master Apr 16, 2024
18 checks passed
Hotell pushed a commit to Hotell/fluentui that referenced this pull request Apr 17, 2024
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.

5 participants