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}
|
||||
<span class="shelf {book.shelf}">{shelfLabels[book.shelf]}</span>
|
||||
{/if}
|
||||
|
||||
{#if book.description}
|
||||
<p class="description">{book.description}</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<span class="title">{book.title}</span>
|
||||
@@ -144,31 +140,6 @@
|
||||
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 {
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
@@ -191,8 +162,7 @@
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.cover,
|
||||
.cover img,
|
||||
.description {
|
||||
.cover img {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user