Show a header in the tooltip.

This repeats the term, which can look nice.
rohberg · Oct 24, 2024 · ce1b2a8 · ce1b2a8
1 parent bdb255c
commit ce1b2a8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/volto-slate-glossary/news/12.feature b/packages/volto-slate-glossary/news/12.feature
@@ -0,0 +1,3 @@
+Show a header in the tooltip.
+This repeats the term, which can look nice.
+@mauritsvanrees
diff --git a/packages/volto-slate-glossary/src/components/Tooltips.jsx b/packages/volto-slate-glossary/src/components/Tooltips.jsx
@@ -191,6 +191,12 @@ export const enhanceTextWithTooltips = (text, remainingGlossaryterms) => {
             className="tooltip"
           >
             <Popup.Content>
+              <div
+                className="tooltip_header"
+                dangerouslySetInnerHTML={{
+                  __html: el.val,
+                }}
+              />
               <div
                 className="tooltip_content"
                 dangerouslySetInnerHTML={{