cover: Update /get-started/books:

- Remove `.content` from templates.
- Remove a stray unclosed label.
This commit is contained in:
Fabien Basmaison 2021-04-27 17:23:37 +02:00
parent d8b6676976
commit 8d53b7589f
2 changed files with 40 additions and 31 deletions

View file

@ -1,8 +1,8 @@
{% load i18n %} {% load i18n %}
<div class="column is-narrow is-clipped has-text-centered"> <div class="column is-cover">
{% include 'snippets/book_cover.html' with book=book %} {% include 'snippets/book_cover.html' with book=book cover_class='is-h-l is-h-m-mobile' %}
<label class="label" for="id_shelve_{{ book.id }}">
<div class="select is-small"> <div class="select is-small mt-1 mb-3">
<select name="{{ book.id }}" aria-label="{% blocktrans with book_title=book.title %}Have you read {{ book_title }}?{% endblocktrans %}"> <select name="{{ book.id }}" aria-label="{% blocktrans with book_title=book.title %}Have you read {{ book_title }}?{% endblocktrans %}">
<option disabled selected value>Add to your books</option> <option disabled selected value>Add to your books</option>
{% for shelf in request.user.shelf_set.all %} {% for shelf in request.user.shelf_set.all %}

View file

@ -23,34 +23,43 @@
<form class="block" name="add-books" method="post" action="{% url 'get-started-books' %}"> <form class="block" name="add-books" method="post" action="{% url 'get-started-books' %}">
{% csrf_token %} {% csrf_token %}
<h3 class="title is-5">{% trans "Suggested Books" %}</h3> <h3 class="title is-5">{% trans "Suggested Books" %}</h3>
<fieldset name="books" class="columns scroll-x is-mobile">
{% if book_results %} <div class="block scroll-x">
<div class="column is-narrow content"> <fieldset name="books" class="columns is-mobile">
<p class="help mb-0">Search results</p> {% if book_results %}
<div class="columns is-mobile"> <div class="column is-narrow">
{% for book in book_results %} <p class="help mb-0">Search results</p>
{% include 'get_started/book_preview.html' %}
{% endfor %} <div class="columns is-mobile">
</div> {% for book in book_results %}
</div> {% include 'get_started/book_preview.html' %}
{% endif %} {% endfor %}
{% if popular_books %} </div>
<div class="column is-narrow content"> </div>
<p class="help mb-0"> {% endif %}
{% blocktrans %}Popular on {{ site_name }}{% endblocktrans %}
</p> {% if popular_books %}
<div class="columns is-mobile"> <div class="column is-narrow">
{% for book in popular_books %} <p class="help mb-0">
{% include 'get_started/book_preview.html' %} {% blocktrans %}Popular on {{ site_name }}{% endblocktrans %}
{% endfor %} </p>
</div>
</div> <div class="columns is-mobile">
{% endif %} {% for book in popular_books %}
{% if not book_results and not popular_books %} {% include 'get_started/book_preview.html' %}
<p><em>{% trans "No books found" %}</em></p> {% endfor %}
{% endif %} </div>
</fieldset> </div>
{% endif %}
{% if not book_results and not popular_books %}
<p><em>{% trans "No books found" %}</em></p>
{% endif %}
</fieldset>
</div>
<button type="submit" class="button is-primary">{% trans "Save &amp; continue" %}</button> <button type="submit" class="button is-primary">{% trans "Save &amp; continue" %}</button>
</form> </form>
{% endblock %} {% endblock %}