kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Apply word-wrap:break-word to Tooltips and Popovers 

Fixes #16871 for v4
This commit is contained in:
Chris Rebert 2016-01-17 22:23:29 -08:00
parent 27596f48f4
commit 032adf1324
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_popover.scss
View File

@ -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;

2
scss/_tooltip.scss
View File

@ -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; }

3
scss/mixins/_reset-text.scss
View File

@ -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;
}