Fix links styling to get correctly ellipsis text overflow

This commit is contained in:
hadi 2023-05-24 14:40:19 +02:00
parent 023e45ebc0
commit 10d3f40973

View File

@ -45,10 +45,20 @@ export class Et2Link extends ExposeMixin<Et2Widget>(Et2Widget(LitElement)) imple
.link__title { .link__title {
flex: 2 1 50%; flex: 2 1 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: max-content;
width: 0;
} }
.link__remark { .link__remark {
flex: 1 1 50% flex: 1 1 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: max-content;
width: 0;
} }
:host:hover { :host:hover {