saadeghi/daisyui

bug: text is too big for tooltip

straumat opened this issue · 4 comments

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

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.

you can assigned this to me.

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

@saadeghi thanks, you are right.