feat: tooltips can have new lines

pilar6195 · Jun 26, 2024 · c86357e · c86357e
1 parent a5c6d12
commit c86357e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -34,6 +34,11 @@
 	pointer-events: none;
 	transition-duration: 350ms;
 
+	span {
+		line-height: 1.2;
+		white-space: pre-line;
+	}
+
 	.alextras--tooltip-arrow {
 		position: absolute;
 		bottom: -9px;

diff --git a/src/utils/Helpers.ts b/src/utils/Helpers.ts
@@ -565,7 +565,11 @@ export const createTooltip = (target: HTMLElement, contents: string) => {
 			styles: {
 				top: `${target.offsetTop - 15}px`,
 			},
-			textContent: contents,
+			children: [
+				createElement('span', {
+					textContent: contents.trim(),
+				}),
+			],
 		});
 
 		const tooltipArrow = createElement('div', {