Skip to content

feat(Compass): add compass nav components#12138

Merged
kmcfaul merged 19 commits intopatternfly:mainfrom
wise-king-sullyman:add-compass-nav-components
Nov 19, 2025
Merged

feat(Compass): add compass nav components#12138
kmcfaul merged 19 commits intopatternfly:mainfrom
wise-king-sullyman:add-compass-nav-components

Conversation

@wise-king-sullyman
Copy link
Copy Markdown
Collaborator

@wise-king-sullyman wise-king-sullyman commented Nov 13, 2025

@patternfly-build
Copy link
Copy Markdown
Collaborator

patternfly-build commented Nov 13, 2025

Comment on lines +8 to +10
<div
style="display: contents;"
>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Is it expected to get this extra div around the search contents? It's here and on the nav-home also

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

Yeah that's coming from the Tooltip

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Cool, looks good then!

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Do we want to update the internal tooltips to use triggerRef to avoid this styled wrapping div? I know we've tried to avoid that div in most places but it was breaking to do that for Tooltip at the time iirc.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

I'm not opposed to that

Comment on lines +8 to +10
<div
style="display: contents;"
>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Cool, looks good then!

Copy link
Copy Markdown
Contributor

@kmcfaul kmcfaul left a comment

Choose a reason for hiding this comment

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

Just a few things to fix up the props tables and a question

Comment thread packages/react-core/src/components/Compass/CompassNavContent.tsx Outdated
Comment thread packages/react-core/src/components/Compass/CompassNavHome.tsx Outdated
Comment thread packages/react-core/src/components/Compass/CompassNavMain.tsx Outdated
Comment thread packages/react-core/src/components/Compass/CompassNavSearch.tsx Outdated
Comment on lines +8 to +10
<div
style="display: contents;"
>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Do we want to update the internal tooltips to use triggerRef to avoid this styled wrapping div? I know we've tried to avoid that div in most places but it was breaking to do that for Tooltip at the time iirc.

Comment thread packages/react-docs/package.json
wise-king-sullyman and others added 6 commits November 17, 2025 14:30
Co-authored-by: kmcfaul <45077788+kmcfaul@users.noreply.github.com>
Co-authored-by: kmcfaul <45077788+kmcfaul@users.noreply.github.com>
Co-authored-by: kmcfaul <45077788+kmcfaul@users.noreply.github.com>
Co-authored-by: kmcfaul <45077788+kmcfaul@users.noreply.github.com>
Copy link
Copy Markdown
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

Really just a nit, but could we have the Home tooltip default to the left, but update when necessary?

Comment thread packages/react-core/src/components/Compass/CompassNavContent.tsx
Comment thread packages/react-core/src/components/Compass/CompassNavHome.tsx
Comment thread packages/react-core/src/components/Compass/CompassNavMain.tsx
Comment thread packages/react-core/src/components/Compass/CompassNavHome.tsx Outdated
Comment thread packages/react-core/src/components/Compass/CompassNavSearch.tsx
Comment thread packages/react-core/src/components/Compass/CompassNavContent.tsx Outdated
Co-authored-by: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com>
@kmcfaul kmcfaul merged commit 4bd98bc into patternfly:main Nov 19, 2025
13 checks passed
@patternfly-build
Copy link
Copy Markdown
Collaborator

Your changes have been released in:

  • @patternfly/react-code-editor@6.5.0-prerelease.15
  • @patternfly/react-core@6.5.0-prerelease.15
  • @patternfly/react-docs@7.5.0-prerelease.16
  • @patternfly/react-drag-drop@6.5.0-prerelease.15
  • demo-app-ts@6.5.0-prerelease.15
  • @patternfly/react-table@6.5.0-prerelease.15
  • @patternfly/react-templates@6.5.0-prerelease.15

Thanks for your contribution! 🎉

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.

Tabs/Nav - structure needs to support more than just nav items

5 participants