Я использую ngx-treeview компонент в моем проекте angular 6.Мои древовидные предметы очень длинные.Итак, я пытаюсь применить text-overflow:ellipsis
в ./treeview-container
.row-item
.фрагмент выглядит следующим образом:
:host /deep/ .treeview-container .row-item {
margin-bottom: .3rem;
flex-wrap: nowrap;
width:100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
ширина установлена на 100px
, и мой текст обрезан, но многоточие не применяется.Не могли бы вы поддержать меня в применении пользовательских CSS?Также мне нужно отобразить полный текст на зависании . ": hover" работает на treeview-item ?
PS: я пробовал то же самое для ./treeview-item
, но не работал.