From 9021b119b27a73c339e6ed4372c147e93562fae8 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Tue, 23 Dec 2025 15:34:53 +0200 Subject: [PATCH] fix(client): some tooltips don't render correctly due to extra whitespace --- apps/client/src/stylesheets/style.css | 1 - apps/client/src/widgets/react/Badge.tsx | 3 ++- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index 5a7d4d923..3c20cc400 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -717,7 +717,6 @@ table.promoted-attributes-in-tooltip th { .tooltip { font-size: var(--main-font-size) !important; z-index: calc(var(--ck-z-panel) - 1) !important; - white-space: pre-wrap; } .tooltip.tooltip-top { diff --git a/apps/client/src/widgets/react/Badge.tsx b/apps/client/src/widgets/react/Badge.tsx index e76700b61..6e17ed0ce 100644 --- a/apps/client/src/widgets/react/Badge.tsx +++ b/apps/client/src/widgets/react/Badge.tsx @@ -32,7 +32,8 @@ export function Badge({ icon, className, text, tooltip, href, ...containerProps fallbackPlacements: [ "bottom" ], animation: false, html: true, - title: tooltip + title: tooltip, + customClass: "pre-wrap-text" }); const content = <>