Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

TootPreviewCard: limit text lines (#9)
All checks were successful
/ depoly (push) Successful in 1m1s
Details

Browse source 
A problem in this impl is that the ellipsis does
not show.
This commit is contained in:
thislight 2024-09-14 15:08:17 +08:00
parent 581d2d456e
commit 3ae9cffba8
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
3 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/timelines/toot.module.css
View file

@ -137,12 +137,19 @@
>h1 {
color: var(--tutu-color-on-surface);
max-height: calc(4 * var(--title-line-height) * var(--title-size));
}
> p {
max-height: calc(8 * var(--body-line-height) * var(--body-size));
}
>h1,
>p {
margin-left: 16px;
margin-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
}
&.compact {