Merge pull request #1734 from joachimesque/summary-book-grid-fixes

Fix: Display a denser summary book grid and limit big books
This commit is contained in:
Mouse Reeve 2021-12-30 09:25:54 -08:00 committed by GitHub
commit 3d808a0122
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 6 deletions

View file

@ -695,11 +695,7 @@ ol.ordered-list li::before {
@media only screen and (min-width: 769px) {
.books-grid {
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
}
.books-grid > .is-big {
padding: 1.5rem 1.5rem 0;
grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
}
}

View file

@ -249,7 +249,7 @@
<div class="column is-10 is-offset-1">
<div class="books-grid">
{% for book in books %}
{% if book.id in best_ratings_books_ids %}
{% if books_total > 12 and book.id in best_ratings_books_ids %}
<a href="{{ book.local_path }}" class="has-text-centered is-big has-text-success-dark">
{% include 'snippets/book_cover.html' with book=book cover_class='is-w-auto' size='xxlarge' %}
<span class="book-title is-serif is-size-5">