Improve tooltip sizing

unisonweb · Jul 25, 2024 · 646361e · 646361e
1 parent f2feefe
commit 646361e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/Code/Syntax/SyntaxSegment.elm b/src/Code/Syntax/SyntaxSegment.elm
@@ -306,7 +306,7 @@ view linked ((SyntaxSegment sType sText) as segment) =
                     in
                     Tooltip.view
                         (span
-                            [ class className ]
+                            [ class "syntax-help", class className ]
                             [ content ]
                         )
                         tooltip

diff --git a/src/css/code/syntax.css b/src/css/code/syntax.css
@@ -37,6 +37,16 @@ code a:active .tooltip-trigger.tooltip_show .tooltip {
   display: none;
 }
 
+.tooltip-trigger:has(.syntax-help) .tooltip {
+  margin-left: -0.5rem;
+}
+
+.tooltip-trigger:has(.syntax-help) .tooltip-bubble {
+  max-width: 22rem;
+  min-width: 22rem;
+  white-space: pre-wrap;
+}
+
 .rich .fqn .sep {
   color: var(--color-syntax-subtle);
 }