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

fix: tooltip within modal #2206

Merged
merged 5 commits into from
Nov 30, 2023
Merged

fix: tooltip within modal #2206

merged 5 commits into from
Nov 30, 2023

Conversation

felix-ico
Copy link
Collaborator

@felix-ico felix-ico commented Nov 15, 2023

duplicate of #1874

Copy link

netlify bot commented Nov 15, 2023

Deploy Preview for marvelous-moxie-a6e2fe ready!

Name Link
🔨 Latest commit a6d5815
🔍 Latest deploy log https://app.netlify.com/sites/marvelous-moxie-a6e2fe/deploys/6568b4a5d13dd10008684567
😎 Deploy Preview https://deploy-preview-2206--marvelous-moxie-a6e2fe.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Collaborator

@acstll acstll left a comment

Choose a reason for hiding this comment

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

Code looks right, but something is making the width funny when text is a few words… (probably the width: min-content).

image

(Also, I thought I had removed the Slot story and the content slot altogether. A link in there causes a11y problems too. Maybe this is for a different PR…)

@felix-ico
Copy link
Collaborator Author

Code looks right, but something is making the width funny when text is a few words… (probably the width: min-content).

I added a --width css var so that users can set it how they want, in case they have content like in your case, it still defaults to min-content.

Copy link
Collaborator

@acstll acstll left a comment

Choose a reason for hiding this comment

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

Almost… 🙂

packages/components/src/components/tooltip/tooltip.css Outdated Show resolved Hide resolved
@felix-ico felix-ico merged commit ed10e49 into main Nov 30, 2023
11 checks passed
@felix-ico felix-ico deleted the fix/modal-tooltip branch November 30, 2023 16:22
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.

2 participants