yul/bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Book and editions page styles

Browse Source
This commit is contained in:
Mouse Reeve
2020-09-29 13:11:52 -07:00
parent 7b32a122e4
commit 3dc43aa81c
6 changed files with 44 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
bookwyrm/static/css/format.css
View File

@@ -79,9 +79,12 @@ input.toggle-control:checked ~ .toggle-content {
/* --- BOOK COVERS --- */ /* --- BOOK COVERS --- */
.cover-container {
height: 250px;
}
.book-cover { .book-cover {
width: 10em; height: 100%
height: auto; object-fit: scale-down;
} }
.no-cover { .no-cover {
position: relative; position: relative;

2
bookwyrm/templates/book.html
View File

@@ -87,10 +87,12 @@
</div> </div>
{% endif %} {% endif %}
<div>
{% for review in reviews %} {% for review in reviews %}
<div class="block"> <div class="block">
{% include 'snippets/status.html' with status=review hide_book=True depth=1 %} {% include 'snippets/status.html' with status=review hide_book=True depth=1 %}
</div> </div>
{% endfor %} {% endfor %}
</div>
{% endblock %} {% endblock %}

23
bookwyrm/templates/editions.html
View File

@@ -1,18 +1,29 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% load fr_display %} {% load fr_display %}
{% block content %} {% block content %}
<div class="content-container"> <div class="block">
<h2>Editions of <a href="/book/{{ work.id }}">"{{ work.title }}"</a></h2> <h2 class="title">Editions of <a href="/book/{{ work.id }}">"{{ work.title }}"</a></h2>
<ol class="book-grid row wrap">
<div class="tile is-ancestor">
<div class="tile is-vertical">
<div class="tile">
{% for book in editions %} {% for book in editions %}
<li class="book-preview"> {% if forloop.counter0|divisibleby:"5" %}
</div>
<div class="tile">
{% endif %}
<div class="tile is-parent is-vertical">
<article class="tile is-child box">
<a href="/book/{{ book.id }}"> <a href="/book/{{ book.id }}">
{% include 'snippets/book_cover.html' with book=book %} {% include 'snippets/book_cover.html' with book=book %}
</a> </a>
{% include 'snippets/shelve_button.html' with book=book %} {% include 'snippets/shelve_button.html' with book=book %}
</li> </article>
</div>
{% endfor %} {% endfor %}
</ol> </div>
</div>
</div> </div>
{% endblock %} {% endblock %}

2
bookwyrm/templates/feed.html
View File

@@ -9,7 +9,7 @@
</div> </div>
{% endfor %} {% endfor %}
<div class="content-container pagination row"> <div class="">
{% if prev %} {% if prev %}
<p> <p>
<a href="{{ prev }}"> <a href="{{ prev }}">

4
bookwyrm/templates/snippets/book_cover.html
View File

@@ -1,7 +1,10 @@
{% load fr_display %} {% load fr_display %}
{% if book.cover %} {% if book.cover %}
<div class="cover-container">
<img class="book-cover {{ size }}" src="/images/{{ book.cover }}" alt="{% include 'snippets/cover_alt.html' with book=book %}"> <img class="book-cover {{ size }}" src="/images/{{ book.cover }}" alt="{% include 'snippets/cover_alt.html' with book=book %}">
</div>
{% else %} {% else %}
<div class="cover-container">
<div class="no-cover book-cover {{ size }}"> <div class="no-cover book-cover {{ size }}">
<img class="book-cover {{ size }}" src="/static/images/no_cover.jpg" alt="No cover"> <img class="book-cover {{ size }}" src="/static/images/no_cover.jpg" alt="No cover">
<div> <div>
@@ -9,4 +12,5 @@
<p>({{ book|edition_info }})</p> <p>({{ book|edition_info }})</p>
</div> </div>
</div> </div>
</div>
{% endif %} {% endif %}