-
Notifications
You must be signed in to change notification settings - Fork 4
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
Cnft1 3308 UI add link to nbs 6 search #1959
Conversation
…d on feature flag
…default configuration files
…havior tests here.
children: ReactNode; | ||
}; | ||
|
||
const ExtendedTooltip = ({ labelTitle, labelText, position, children }: Props) => { |
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.
suggestion: Could you rename this to RichTooltip
? That is what the design team is referring to this component as.
question: Isn'tlabelText
the same as children
here?
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.
- Sure thing!
- Label title and label text are used in the label that gets shown/hidden in the USWDS Tooltip component, while the children like the info outlined icon here are always shown
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.
Ah, that makes sense
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.
The placement of the rich tool tip looks a little off, the designs have place under the icon with the left side of the tooltip aligned with it vertically. I don't think that little arrow should be their either.
Closing for now while I rewrite the RichTooltip component |
I've created custom tooltip logic in the |
apps/modernization-ui/src/design-system/richTooltip/rich-tooltip.module.scss
Outdated
Show resolved
Hide resolved
…ub.com/CDCgov/NEDSS-Modernization into CNFT1-3308-UI-Add-link-to-NBS-6-Search
Description
A separate story will be created to add more detailed tests in
apps/modernization-ui/src/design-system/extendedTooltip/ExtendedTooltip.spec.tsx
.Patient search header vs the existing search navigation component conditional rendering is based off of
features?.search?.events?.enabled
UPDATED:

OLD:
Tickets
https://cdc-nbs.atlassian.net/browse/CNFT1-3308
Checklist before requesting a review