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

Hide nav branding and adjust navbar styles #315

Merged
merged 5 commits into from
Sep 22, 2023
Merged

Conversation

qroll
Copy link
Contributor

@qroll qroll commented Sep 20, 2023

Changes

  • Introduce prop hideNavBranding to hide brand logos in navbar and drawer. Nav items will be aligned to the left.
  • Reduce logo size for mobileS to cater for wider logos
  • Add data-ids for brand elements in drawer to support targeted styling (previously only navbar brand elements could be targeted)
  • [delete] branch

Changelog entry

  • Add hideNavBranding prop to hide brand logos in Navbar

@qroll qroll added the enhancement New feature or request label Sep 20, 2023
@qroll qroll requested a review from keithtxw September 20, 2023 07:02
@qroll qroll added this to the v2.2.0-canary.1 milestone Sep 22, 2023
@@ -119,8 +121,9 @@ export const NavbarItems = <T,>({
selectedIndex >= 0 &&
selectedIndex === index &&
showSubMenu;
const alignLeft = index === 0 && hideNavBranding;
Copy link
Contributor

Choose a reason for hiding this comment

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

Since we are already restricting only the first child to have the align left, this check is redundant? On the same note, then maybe can have a generic prop called $hiddenBranding or something

@keithtxw keithtxw merged commit b9f13b6 into master Sep 22, 2023
1 check passed
@keithtxw keithtxw deleted the hide-nav-branding branch September 22, 2023 08:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants