[tooltip] Reconsider tooltip min-width and label truncations

[markov00]

Is your feature request related to a problem? Please describe.
There are valid cases where longer labels are required to be displayed in their entirety.
Some of these cases are:

• You can quickly understand from the structure of the label if the value refers to some sort of subcategory or not, for example when showing hierarchical path names like root.package.app.service.version
• The right-hand side of the label is more important than the left-hand side

Describe the solution you'd like
The ideal path is to be always able to visualize the entire label on the tooltip but, as always, it depends on the length of it.
We can't represent a label that is as long as the current screen width (it will occlude too much in the current view), but is also true that we cannot limit too much the width and always truncate the label.
A trade-off should be considered.
We should also consider its effects on the legend (longer label on legend will shrink the chart)

Describe alternatives you've considered
The multi-line wrapping was already considered in the design but could increase the height of the tooltip too much depending on the number of lines to wrap every single text. The design idea was to wrap the text at a max 300px width.

The beginning/middle truncation of text is an alternative option, but doesn't fully cover the extent of the problem and is a custom solution (we need to compute that manually because this type of text truncation is not available in HTML out of the box)

Additional context
This and other similar situations are examples of the need for a full extent tooltip width or a tooltip with a different truncation.

cc @gvnmagni

[timductive]

Some more examples of where this is a problem.

[gvnmagni]

After a few conversations we decided that the optimal solution would be to provide these series of solution to our users.

1. We should offer different ways of truncation that could be customized according to need. Users would be able to pick which option they prefer between begin, middle and end
2. If no truncation is desired, tooltips could enlarge up until 500px of width and then break string into multiple lines

The following image shows these options in place. If there is anything that we missed please feel free to reach out so that we can include all we need in this update 😊

[teresaalvarezsoler]

hey @gvnmagni @markov00 we are looking to implement this with @mbondyra. Instead of making it configurable, I think a better solution will be to make it adjustable depending on the content:

When there are long values we could provide the solutions mentioned above:

1. Auto-expand tooltip width up to 500px
2. Multi-line up to say 2-3 lines and middle truncate afterwards
3. Auto-expand tooltip height up to xxx px (it seems there is still space even in small screens)

Btw, why when users right click do we make the tooltip shorter and narrower? Can we keep the original size?

[mbondyra]

@nickofthyme @markov00 this issue has been closed with my PR 🔝 but I am not sure if it should be as we were exploring different routes? Just asking to give it visibility.

[nickofthyme]

I think you were correct in closing this. I think we just open up a separate issue for addressing the label truncations described in #2048 (comment).