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

TootPreviewCard: limit text lines (#9)

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 5325576ff4
commit e32de2f2e9
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 {