Fix color value text overflow effect (fix #20)

[Ev1ch]

This PR propose to fix mentioned in the title issue by limiting color value text width and add text overflow effect

[AlyssaKirstine]

@Ev1ch Thanks for fixing this. I'll try to take a better look and test it sometime in the next week.

[Ev1ch]

@Ev1ch Thanks for fixing this. I'll try to take a better look and test it sometime in the next week.

Thank you for the response.

I was glad to help. This PR was created just to show the easiest way to solve the mentioned issue, so if there are any solutions with better UI/UX, just let me know.

[AlyssaKirstine]

@Ev1ch It looks like the color value is getting cut off in a weird way for me with this fix.

[AlyssaKirstine]

Maybe for better UI, you could do something more like the following?

There are two aspects at play here:

1. When the color list is collapsed, have the text for the label cut off or with the ellipsis like you intended but still see the down arrow.
2. And then when the color list is expanded, wrap the text so you can still see it all.

[Ev1ch]

Hello!

I definitely agree with you, will apply the mentioned approach and return with results.

[Ev1ch]

Hello.

Added fixed ellipsis effect for color value overflowing. I will be glad to receive feedback/comments on that.

Also, to handle user corner cases, I propose adding plugin option showColorValue (name can be changed) which specifies whether we should show color value on button or not.