Closes #10057: Makes tooltips fluid width

diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss
index 477f7d26f89237fd225a788ab419be2bb2b8e2e8..bfd3c82a56614cec7ed043804a346f5bbffe7f78 100644 (file)
--- a/scss/components/_tooltip.scss
+++ b/scss/components/_tooltip.scss
@@ -30,6 +30,10 @@ $tooltip-color: $white !default;
 /// @type Number
 $tooltip-padding: 0.75rem !default;
 
+/// Default max width for tooltips.
+/// @type Number
+$tooltip-max-width: 100% !default;
+
 /// Default font size of the tooltip text. By default, we recommend a smaller font size than the body copy.
 /// @type Number
 $tooltip-font-size: $small-font-size !default;
@@ -60,7 +64,7 @@ $tooltip-radius: $global-radius !default;
   top: calc(100% + #{$tooltip-pip-height});
   z-index: 1200;
 
-  max-width: 100%;
+  max-width: $tooltip-max-width;
   padding: $tooltip-padding;
 
   border-radius: $tooltip-radius;