diff --git a/bookwyrm/static/css/format.css b/bookwyrm/static/css/format.css index 83dafc285..8867e7aa8 100644 --- a/bookwyrm/static/css/format.css +++ b/bookwyrm/static/css/format.css @@ -68,9 +68,12 @@ input.toggle-control:checked ~ .modal.toggle-content { max-width: 250px; } .cover-container.is-large { - height: 500px; + height: max-content; max-width: 500px; } +.cover-container.is-large img { + max-height: 500px; +} .cover-container.is-medium { height: 200px; } diff --git a/bookwyrm/templates/discover.html b/bookwyrm/templates/discover.html index 855868de4..41112d469 100644 --- a/bookwyrm/templates/discover.html +++ b/bookwyrm/templates/discover.html @@ -1,5 +1,4 @@ {% extends 'layout.html' %} -{% load bookwyrm_tags %} {% block content %}
@@ -31,31 +30,18 @@
-
-
- {% include 'snippets/book_cover.html' with book=books.2 size="large" %} - {% include 'snippets/stars.html' with rating=books.2.review__rating__avg %} -
-
- {% include 'snippets/book_titleby.html' with book=books.2 %} -
{{ books.2|book_description|to_markdown|safe|truncatewords_html:50 }}
-
-
+ {% include 'snippets/discover/large-book.html' with book=books.0 %}
- {% include 'snippets/book_cover.html' with book=books.0 %} - {% include 'snippets/book_titleby.html' with book=books.0 %} - {% include 'snippets/stars.html' with rating=books.0.review__rating__avg %} + {% include 'snippets/discover/small-book.html' with book=books.1 %}
- {% include 'snippets/book_cover.html' with book=books.1 %} - {% include 'snippets/book_titleby.html' with book=books.1 %} - {% include 'snippets/stars.html' with rating=books.1.review__rating__avg %} + {% include 'snippets/discover/small-book.html' with book=books.2 %}
@@ -64,31 +50,18 @@
- {% include 'snippets/book_cover.html' with book=books.4 %} - {% include 'snippets/book_titleby.html' with book=books.4 %} - {% include 'snippets/stars.html' with rating=books.4.review__rating__avg %} + {% include 'snippets/discover/small-book.html' with book=books.3 %}
- {% include 'snippets/book_cover.html' with book=books.5 %} - {% include 'snippets/book_titleby.html' with book=books.5 %} - {% include 'snippets/stars.html' with rating=books.5.review__rating__avg %} + {% include 'snippets/discover/small-book.html' with book=books.4 %}
-
-
- {% include 'snippets/book_cover.html' with book=books.3 size="large" %} - {% include 'snippets/stars.html' with rating=books.3.review__rating__avg %} -
-
- {% include 'snippets/book_titleby.html' with book=books.3 %} -
{{ books.3|book_description|to_markdown|safe|truncatewords_html:50 }}
-
-
+ {% include 'snippets/discover/large-book.html' with book=books.5 %}
diff --git a/bookwyrm/templates/snippets/discover/large-book.html b/bookwyrm/templates/snippets/discover/large-book.html new file mode 100644 index 000000000..9513ca809 --- /dev/null +++ b/bookwyrm/templates/snippets/discover/large-book.html @@ -0,0 +1,14 @@ +{% load bookwyrm_tags %} +
+
+ {% include 'snippets/book_cover.html' with book=book size="large" %} + {% include 'snippets/stars.html' with rating=book.review__rating__avg %} +
+
+

{{ book.title }}

+ {% if book.authors %} +

by {% include 'snippets/authors.html' with book=book %}

+ {% endif %} +
{{ book|book_description|to_markdown|safe|truncatewords_html:50 }}
+
+
diff --git a/bookwyrm/templates/snippets/discover/small-book.html b/bookwyrm/templates/snippets/discover/small-book.html new file mode 100644 index 000000000..0c9898f80 --- /dev/null +++ b/bookwyrm/templates/snippets/discover/small-book.html @@ -0,0 +1,8 @@ +{% include 'snippets/book_cover.html' with book=book %} +{% include 'snippets/stars.html' with rating=book.review__rating__avg %} + +

{{ book.title }}

+{% if book.authors %} +

by {% include 'snippets/authors.html' with book=book %}

+{% endif %} +