Making tooltips longer?

[paulmmoloney]

I'm using the improved Tooltip implementation with the following in my extra.css, and entries in an abbreviation file.

[role=tooltip]>.md-tooltip2__inner {
font-size: 0.7rem;
color: blue;
font-weight: normal;
}

Is there a way to make the maximum length of the tooltip longer? Some of my glossary entries are quite length and run out of the tooltip space.

P.

[kamilkrzyskow]

Hello @paulmmoloney,
you can add max-width: <value> and max-height to your CSS selector above to increase the allowed width and height of the tooltip container.

[role=tooltip] > .md-tooltip2__inner {
  font-size: 0.7rem;
  color: blue;
  font-weight: normal;
  max-width: 50vw;
  max-height: 100vw;
}

Tough if the content is too long it might still go out of the users view port, and tooltips aren't designed for scrollable content.
In that case consider switching to footnotes or annotations for providing additional info.