| lombardof | 647aa2e | 2018-05-26 17:11:13 +0200 | [diff] [blame] | 1 | .ellipsis { |
| 2 | /*display: block;*/ |
| 3 | white-space: nowrap; |
| 4 | max-width: 180px; |
| 5 | overflow: hidden; |
| 6 | text-overflow: ellipsis; |
| 7 | /*transition: all .2s linear; |
| 8 | padding: .5rem 1rem;*/ |
| 9 | } |
| 10 | /*max-width:1px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ |
| 11 | .ellipsis:focus, .ellipsis:hover { |
| 12 | color: transparent; |
| 13 | } |
| 14 | |
| 15 | .ellipsis:focus:after, .ellipsis:hover:after { |
| 16 | content: attr(data-text); |
| 17 | overflow: visible; |
| 18 | text-overflow: inherit; |
| 19 | background: #fff; |
| 20 | position: absolute; |
| 21 | left: auto; |
| 22 | top: auto; |
| 23 | width: auto; |
| 24 | max-width: 20rem; |
| 25 | border: 1px solid #eaebec; |
| 26 | padding: 0 .5rem; |
| 27 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .28); |
| 28 | white-space: normal; |
| 29 | display: block; |
| 30 | color: black; |
| 31 | margin-top: -1.25rem; |
| 32 | z-index: 1; |
| 33 | user-select: text!important; |
| 34 | } |
| 35 | |