--- /dev/null
+.ellipsis {
+ /*display: block;*/
+ white-space: nowrap;
+ max-width: 180px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ /*transition: all .2s linear;
+ padding: .5rem 1rem;*/
+}
+/*max-width:1px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/
+.ellipsis:focus, .ellipsis:hover {
+ color: transparent;
+}
+
+.ellipsis:focus:after, .ellipsis:hover:after {
+ content: attr(data-text);
+ overflow: visible;
+ text-overflow: inherit;
+ background: #fff;
+ position: absolute;
+ left: auto;
+ top: auto;
+ width: auto;
+ max-width: 20rem;
+ border: 1px solid #eaebec;
+ padding: 0 .5rem;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .28);
+ white-space: normal;
+ display: block;
+ color: black;
+ margin-top: -1.25rem;
+ z-index: 1;
+ user-select: text!important;
+}
+