better sibling cards

This commit is contained in:
Jigsaw 2025-01-10 16:17:45 +00:00 committed by Henri Dickson
parent bc272fb06c
commit 8ab16ff60f
2 changed files with 30 additions and 1 deletions

View file

@ -93,7 +93,9 @@
alt="{{ b.display_title }} {{ b.title_deco }}"
loading="lazy">
<div>
{{ b.display_title }} <small class="title_deco">{{ b.title_deco }}</small>
<span>{{ b.display_title }}</span>
<small class="title_deco"><span>{{ b.pub_house }}</span>
<span>{{ b.pub_year }}</span></small>
</div>
</a>
</li>

View file

@ -120,3 +120,30 @@
gap: var(--pico-spacing) !important;
}
}
#sibling .cards{
a>div {
font-size: 80%;
word-wrap: break-word;
min-height: 2.5rem;
span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /* 确保每一行都显示省略号 */
width: 100%; /* 确保容器宽度 */
}
}
}
@media (min-width: 769px) {
#sibling .cards {
grid-auto-columns: calc(calc(100% / 4) - var(--pico-block-spacing-horizontal));
}
}
@media (min-width: 1281px) {
#sibling .cards {
grid-auto-columns: calc(calc(100% / 6) - var(--pico-block-spacing-horizontal));
}
}