search

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
34.13k stars 1.3k forks source link

bug: text is too big for tooltip #3256

Closed straumat closed 3 weeks ago

straumat commented 3 weeks ago

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

github-actions[bot] commented 3 weeks ago

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 commented 3 weeks ago

you can assigned this to me.

saadeghi commented 3 weeks ago

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 commented 3 weeks ago

@saadeghi thanks, you are right.