diff options
-rw-r--r-- | polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.ts | 5 | ||||
-rw-r--r-- | polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip_test.ts | 2 |
2 files changed, 5 insertions, 2 deletions
diff --git a/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.ts b/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.ts index 681378dda4..1cda32b651 100644 --- a/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.ts +++ b/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.ts @@ -70,6 +70,9 @@ export class GrTooltip extends LitElement { var(--tooltip-background-color); top: calc(-1 * var(--gr-tooltip-arrow-size)); } + .text { + white-space: pre; + } `, ]; } @@ -82,7 +85,7 @@ export class GrTooltip extends LitElement { class="arrowPositionBelow arrow" style=${styleMap({marginLeft: this.arrowCenterOffset})} ></i> - ${this.text} + <div class="text">${this.text}</div> <i class="arrowPositionAbove arrow" style=${styleMap({marginLeft: this.arrowCenterOffset})} diff --git a/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip_test.ts b/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip_test.ts index 63ed1ff48c..bc0cfba324 100644 --- a/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip_test.ts +++ b/polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip_test.ts @@ -26,7 +26,7 @@ suite('gr-tooltip tests', () => { /* HTML */ ` <div class="tooltip"> <i class="arrow arrowPositionBelow" style="margin-left:0;"> </i> - tooltipText + <div class="text">tooltipText</div> <i class="arrow arrowPositionAbove" style="margin-left:0;"> </i> </div> ` |