mirror of
https://github.com/cheeaun/phanpy.git
synced 2024-12-18 12:11:52 +03:00
Better card preview styling
Test in case all the texts are too long and overflowing
This commit is contained in:
parent
94fb2b04f7
commit
4d09d24e00
1 changed files with 7 additions and 6 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue