Angular Material visualizzare tutto il testo del tooltip anche quando è lungo

Quando si utilizza il framework Angular Material, può capitare che la gestione del Tooltip, va personalizzata, in particolar modo nel far visualizzare tutto il testo.

Il Tooltip di Angular Material, visualizza i primi caratteri, se invece vogliamo visualizzare testo lungo, o tutto il testo occorre modificare lo stile.

Di seguito si riporta il codice per modificare lo stile del tooltip.

File .scss

 

::ng-deep .mat-tooltip {

    max-width: none;  

    white-space: pre-wrap;  

    word-break: break-word;  

  }