commit 3869c208b36fd973ebfe18c9164a6d73dc645be2
author Kamil Musin <kamilm@google.com> Thu Aug 24 14:20:57 2023 +0200
committer Kamil Musin <kamilm@google.com> Thu Aug 24 14:39:50 2023 +0200
tree 3ca583968a7e5ee6791f5d2608c30a66497092b9
parent 47d9d71ccb4a6e8905e22908a88fe718ba246522

Allow gr-tooltip to render multiline tooltips.

Google-Bug-Id: b/184241013
Release-Notes: skip
Change-Id: Ib1a05ce8d9bf8613f583c254bd2d7791708ec1f1

polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.ts

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 681378d..1cda32b 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 @@
             var(--tooltip-background-color);
           top: calc(-1 * var(--gr-tooltip-arrow-size));
         }
+        .text {
+          white-space: pre;
+        }
       `,
     ];
   }
@@ -82,7 +85,7 @@
         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})}