From: Daniel Ramirez <daniel@akosweb.com>
Date: Thu, 25 May 2017 02:50:53 +0000 (-0700)
Subject: Closes #10057: Makes tooltips fluid width
X-Git-Tag: v6.4.0-rc1~28^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ca9ef62a8de7f8b8cffe0420ab46efa8cd745f19;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Closes #10057: Makes tooltips fluid width
---

diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss
index 477f7d26f..bfd3c82a5 100644
--- 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;