https://github.com/bekzod/ember-text-overflow

ember component for managing long text
https://github.com/bekzod/ember-text-overflow

ember ember-addon

Last synced: 2 months ago
JSON representation

ember component for managing long text

• Host: GitHub
• URL: https://github.com/bekzod/ember-text-overflow
• Owner: bekzod
• License: mit
• Created: 2017-12-12T06:10:30.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-01-20T10:18:31.000Z (over 5 years ago)
• Last Synced: 2025-05-07T21:04:51.735Z (2 months ago)
• Topics: ember, ember-addon
• Language: JavaScript
• Homepage:
• Size: 300 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ember-text-overflow [![Ember Observer Score](http://emberobserver.com/badges/ember-text-overflow.svg)](http://emberobserver.com/addons/ember-text-overflow) [![npm version](https://badge.fury.io/js/ember-text-overflow.svg)](https://badge.fury.io/js/ember-text-overflow) [![travis status](https://travis-ci.org/bekzod/ember-text-overflow.svg)](https://travis-ci.org/bekzod/ember-text-overflow.svg)

`ember-text-overflow` component that clips overflowing text and shows full-text when mouseover. [DEMO](http://ember-text-overflow.surge.sh/)

![demo gif](https://cl.ly/2D313l1y0w45/Screen%20Recording%202017-12-12%20at%2012.06%20PM.gif)

## Installation

```

ember install ember-text-overflow

```

## Usage

```handlebars

  


    

      long long long long long long long long text

    

  

```


```scss

.small-container {

  max-width: 80px;

}

```

## Limitations

Works with inline text, wrapping container should have `overflow: visible`