Hi,
I’m doing V7->V8 migration and struggling to get the tooltip displayed wider. I can change the height and other properties but the ‘max-width’ seems not have any affect. Also tried to set static width using eg. ‘width: 300px’ but with no luck.
How can I achieve this simple change? I would not like to use my own “style” but rather change the global settings as all the tooltips needs the same behaviour.
Here’s how I have done things:
Creating the tooltip:
description.setDescription("The quick brown fox jumps over the lazy dog - but gets hidden because of the width.", ContentMode.HTML);
My “mytheme.scss” file:
.v-tooltip .v-tooltip-text {
max-height: 80em !important;
max-width: 80em !important;
overflow-x: visible;
white-space: nowrap;
-moz-user-select: text !important;
-ms-user-select: text !important;
-webkit-user-select: text !important;
user-select: text !important;
}