diff options
| author | Chris Rebert <[email protected]> | 2016-01-17 22:23:29 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2016-01-17 22:23:29 -0800 |
| commit | 032adf13242e701acece5bbfe6bfebc4f77707ee (patch) | |
| tree | c62e73914eda91a592687f23a0b7d3245bc5accb | |
| parent | 27596f48f4c84f823a2b4cb6ff3e4fc55ced6344 (diff) | |
| download | bootstrap-032adf13242e701acece5bbfe6bfebc4f77707ee.tar.xz bootstrap-032adf13242e701acece5bbfe6bfebc4f77707ee.zip | |
Apply word-wrap:break-word to Tooltips and Popovers
Fixes #16871 for v4
| -rw-r--r-- | scss/_popover.scss | 2 | ||||
| -rw-r--r-- | scss/_tooltip.scss | 2 | ||||
| -rw-r--r-- | scss/mixins/_reset-text.scss | 3 |
3 files changed, 5 insertions, 2 deletions
diff --git a/scss/_popover.scss b/scss/_popover.scss index 303850cc0..9ea8c1475 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 a17aefc0a..e8151af07 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 014dff566..e1d1725fa 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; } |