Aaron Newton 24d5678171 HUE-47 il y a 15 ans
..
Assets ae333e405b hue (formerly Cloudera Desktop) from internal commit 4694ac0434dad85170854c5378a389585d87f679 il y a 15 ans
Demos ae333e405b hue (formerly Cloudera Desktop) from internal commit 4694ac0434dad85170854c5378a389585d87f679 il y a 15 ans
Docs ae333e405b hue (formerly Cloudera Desktop) from internal commit 4694ac0434dad85170854c5378a389585d87f679 il y a 15 ans
Source 24d5678171 HUE-47 il y a 15 ans
README.md ae333e405b hue (formerly Cloudera Desktop) from internal commit 4694ac0434dad85170854c5378a389585d87f679 il y a 15 ans
package.yml ae333e405b hue (formerly Cloudera Desktop) from internal commit 4694ac0434dad85170854c5378a389585d87f679 il y a 15 ans

README.md

FitText

FitText

Truncates the text nodes of elements to fit inside a container

How to use

Example:

HTML:

#HTML
<ul id="container">
    <li><span>Lorem ipsum dolor</span></li>
    <li><span>sit amet, consectetur adipisicing</span></li>
    <li><span>elit, sed do eiusmod tempor incididunt ut labore et</span></li>
</ul>

CSS:

#CSS
ul {
    list-style: none;
    width: 50%;
}

li {
    white-space: nowrap;
}

JavaScript

#JS
var myFitText = new FitText('container','li > span',{
  offset: 20,
  fitClass: 'fitted'
});

View the MooDoc for usage and examples.