Remove hover descriptions from book cards
This commit is contained in:
1 parent
90705bc3e2
commit
4a52320d4e
1 file changed
+1
-31
@@ -31,10 +31,6 @@
|
|||||||
{#if showShelf}
|
{#if showShelf}
|
||||||
<span class="shelf {book.shelf}">{shelfLabels[book.shelf]}</span>
|
<span class="shelf {book.shelf}">{shelfLabels[book.shelf]}</span>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
{#if book.description}
|
|
||||||
<p class="description">{book.description}</p>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="title">{book.title}</span>
|
<span class="title">{book.title}</span>
|
||||||
@@ -144,31 +140,6 @@
|
|||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
display: -webkit-box;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0.55rem;
|
|
||||||
overflow: hidden;
|
|
||||||
background: color-mix(in srgb, var(--background) 94%, transparent);
|
|
||||||
border-top: 1px solid var(--accent);
|
|
||||||
font-size: 0.72rem;
|
|
||||||
line-height: 1.45;
|
|
||||||
-webkit-line-clamp: 8;
|
|
||||||
line-clamp: 8;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
transform: translateY(100%);
|
|
||||||
transition: transform 0.25s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-card:hover .description,
|
|
||||||
.book-card:focus-visible .description {
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -191,8 +162,7 @@
|
|||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
.cover,
|
.cover,
|
||||||
.cover img,
|
.cover img {
|
||||||
.description {
|
|
||||||
transition: none;
|
transition: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user