-
Notifications
You must be signed in to change notification settings - Fork 2.8k
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
feat(react-nav-preview): Applying styles to NavCategoryItem and NavSubItem #31019
Conversation
📊 Bundle size report✅ No changes found |
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. |
32f5283
to
b6015fc
Compare
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. |
Good catch on the icon - updated! |
...s/react-components/react-nav-preview/src/components/NavCategoryItem/NavCategoryItem.types.ts
Show resolved
Hide resolved
...s/react-components/react-nav-preview/src/components/NavCategoryItem/NavCategoryItem.types.ts
Outdated
Show resolved
Hide resolved
.../react-components/react-nav-preview/src/components/NavCategoryItem/renderNavCategoryItem.tsx
Show resolved
Hide resolved
...act-components/react-nav-preview/src/components/NavCategoryItem/useNavCategoryItem.styles.ts
Outdated
Show resolved
Hide resolved
...act-components/react-nav-preview/src/components/NavCategoryItem/useNavCategoryItem.styles.ts
Outdated
Show resolved
Hide resolved
.../react-components/react-nav-preview/src/components/NavCategoryItem/renderNavCategoryItem.tsx
Show resolved
Hide resolved
packages/react-components/react-nav-preview/src/components/sharedNavStyles.styles.ts
Outdated
Show resolved
Hide resolved
4529ba5
to
e31efc9
Compare
...act-components/react-nav-preview/src/components/NavCategoryItem/useNavCategoryItem.styles.ts
Outdated
Show resolved
Hide resolved
There was a problem hiding this 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!
...s/react-components/react-nav-preview/src/components/NavCategoryItem/NavCategoryItem.types.ts
Outdated
Show resolved
Hide resolved
...act-components/react-nav-preview/src/components/NavCategoryItem/useNavCategoryItem.styles.ts
Outdated
Show resolved
Hide resolved
packages/react-components/react-nav-preview/src/components/NavItem/useNavItemStyles.styles.ts
Show resolved
Hide resolved
...s/react-components/react-nav-preview/src/components/NavSubItem/useNavSubItemStyles.styles.ts
Outdated
Show resolved
Hide resolved
updated all the import statements, thanks Esteban! |
5530a6b
to
43df8c9
Compare
43df8c9
to
5648091
Compare
Took the lessons learned from styling the NavItem and applied them to NavCategoryItem and NavSubItem.
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