better sibling cards
This commit is contained in:
parent
bc272fb06c
commit
8ab16ff60f
2 changed files with 30 additions and 1 deletions
|
@ -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>
|
||||
|
|
|
@ -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));
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue