From: Chris Rebert Date: Mon, 18 Jan 2016 06:23:29 +0000 (-0800) Subject: Apply word-wrap:break-word to Tooltips and Popovers X-Git-Tag: v4.0.0-alpha.3~333^2~17^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=032adf13242e701acece5bbfe6bfebc4f77707ee;p=thirdparty%2Fbootstrap.git Apply word-wrap:break-word to Tooltips and Popovers Fixes #16871 for v4 --- diff --git a/scss/_popover.scss b/scss/_popover.scss index 303850cc0c..9ea8c14758 100644 --- a/scss/_popover.scss +++ b/scss/_popover.scss @@ -10,6 +10,8 @@ // So reset our font and text properties to avoid inheriting weird values. @include reset-text(); font-size: $font-size-sm; + // Allow breaking very long words so they don't overflow the popover's bounds + word-wrap: break-word; background-color: $popover-bg; background-clip: padding-box; border: $popover-border-width solid $popover-border-color; diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index a17aefc0ae..e8151af07d 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -7,6 +7,8 @@ // So reset our font and text properties to avoid inheriting weird values. @include reset-text(); font-size: $font-size-sm; + // Allow breaking very long words so they don't overflow the tooltip's bounds + word-wrap: break-word; opacity: 0; &.in { opacity: $tooltip-opacity; } diff --git a/scss/mixins/_reset-text.scss b/scss/mixins/_reset-text.scss index 014dff5665..e1d1725fad 100644 --- a/scss/mixins/_reset-text.scss +++ b/scss/mixins/_reset-text.scss @@ -1,6 +1,6 @@ @mixin reset-text { font-family: $font-family-base; - // We deliberately do NOT reset font-size. + // We deliberately do NOT reset font-size or word-wrap. font-style: normal; font-weight: normal; letter-spacing: normal; @@ -14,5 +14,4 @@ white-space: normal; word-break: normal; word-spacing: normal; - word-wrap: normal; }