Better card preview styling

Test in case all the texts are too long and overflowing
This commit is contained in:
Lim Chee Aun 2022-12-12 22:43:47 +08:00
parent 94fb2b04f7
commit 4d09d24e00

View file

@ -318,6 +318,7 @@
} }
.card .meta-container { .card .meta-container {
padding: 8px; padding: 8px;
min-width: 0;
} }
.card .title { .card .title {
font-weight: normal; font-weight: normal;
@ -334,18 +335,18 @@
font-size: smaller; font-size: smaller;
opacity: 0.75; opacity: 0.75;
margin: 0; margin: 0;
white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: block;
display: box;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
} }
.card .meta.domain { .card .meta.domain {
opacity: 1; opacity: 1;
color: var(--link-color); color: var(--link-color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
} }
a.card { a.card {
text-decoration: none; text-decoration: none;