mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-26 01:43:47 +01:00
Fix links styling to get correctly ellipsis text overflow
This commit is contained in:
parent
023e45ebc0
commit
10d3f40973
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user