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

bug: text is too big for tooltip #3256

Closed
straumat opened this issue Oct 29, 2024 · 4 comments
Closed

bug: text is too big for tooltip #3256

straumat opened this issue Oct 29, 2024 · 4 comments

Comments

@straumat
Copy link

What version of daisyUI are you using?

4.12.14

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/wWndQ9FxeZ

Describe your issue

I would like to use a tooltip to display an ethereum address but the address doesn't fit.
I don't see in the documentation how to make the tooltip bigger

Copy link

Thank you @straumat for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

@ShoomanKhatri
Copy link

you can assigned this to me.

@saadeghi
Copy link
Owner

saadeghi commented Oct 31, 2024

to display an ethereum address

It's better to show this kind of information as static text so it can be copied with mouse.

Tooltip text is small enough to be readable for everyone by default.
You can make the text smaller like this: before:text-[10px]
https://play.tailwindcss.com/pkRPURVMpH

You can also do this before:break-words before:w-20 to change the width and break words
https://play.tailwindcss.com/Ip2meyuofd

@straumat
Copy link
Author

@saadeghi thanks, you are right.

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

No branches or pull requests

3 participants