[Tooltip] Left-align field name in tooltips about vega-tooltip HOT 5 OPEN

I'd prefer wrap and if we truncate definitely add a tooltip to see the full text.

from vega-tooltip.

Thanks for the feedback. I find it easier to read what values correspond to each other especially when the labels get long. Luckily, this can easily be changed in CSS. Unless there are strong reasons to change this, I think I'd just leave it.

from vega-tooltip.

I actually strongly prefer Fan's proposed design because readers can scan and read the field names faster if they are left aligned.

Plus if we add legend for color in a follow up PR, the symbols will be aligned if we do left aligned. (But they won't if we keep right alignment.)

from vega-tooltip.

I see. I am okay with changing the design. We should limit the width of the field name column so that it doesn't become to difficult to make the correspondance to the values. Do you want to send a pull request?

from vega-tooltip.

Many thanks @domoritz @kanitw for supporting this! Yes, we will send a PR.

Great point on "limit the width of the field name column"
For handling long field names, we can probably try line wrap and/or truncation (w/ ...)
Wonder if you have a preference or other ideas

from vega-tooltip.