diff options
| author | Kamil Musin <kamilm@google.com> | 2023-08-24 12:50:37 +0000 |
|---|---|---|
| committer | Gerrit Code Review <noreply-gerritcodereview@google.com> | 2023-08-24 12:50:37 +0000 |
| commit | 847bd99dd55e32de9296fdb43c613dd2ef4743d5 (patch) | |
| tree | 2125722cb9c12e09623386a1ed4596028e82dd88 | |
| parent | f8a71bed88e6b04cc91bb960d348f240e7f94890 (diff) | |
| parent | 3869c208b36fd973ebfe18c9164a6d73dc645be2 (diff) | |
Merge "Allow gr-tooltip to render multiline tooltips."
| -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> ` |