Bug 1841268 - [devtools] Prevent variable tooltip to wrap too soon. r…

…=devtools-reviewers,bomsy. Differential Revision: https://phabricator.services.mozilla.com/D182569
Thaodan · Jul 4, 2023 · b22dedd · b22dedd
1 parent 5bd23a9
commit b22dedd
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/devtools/client/themes/tooltips.css b/devtools/client/themes/tooltips.css
@@ -77,7 +77,19 @@ strong {
 
 /* Tooltip: CSS variables tooltip */
 
-.devtools-tooltip-css-variable,
+.devtools-tooltip-css-variable {
+  color: var(--theme-body-color);
+  padding: 2px 8px;
+  direction: ltr;
+  /* Try to show the content of the tooltip on a single line */
+  inline-size: max-content;
+  word-break: break-word;
+  max-inline-size: 100vw;
+}
+
+
+/* Tooltip: Compatibility tooltip */
+
 .devtools-tooltip-css-compatibility {
   color: var(--theme-body-color);
   padding: 2px;