Solve markup validation issues

This commit is contained in:
Joachim 2021-12-29 17:10:44 +01:00
parent e5f3e9cd2c
commit 6952ab0081
2 changed files with 12 additions and 7 deletions

View file

@ -63,16 +63,24 @@
<div class="column is-one-fifth">
{% if not book.cover %}
{% if user_authenticated %}
{% trans "Click to add cover" as button_text %}
<button type="button" data-controls="add_cover_{{ book.id }}" data-focus-target="modal_title_add_cover_{{ book.id }}" aria-pressed="false">
{% include 'snippets/book_cover.html' with size='xxlarge' size_mobile='medium' book=book cover_class='is-h-m-mobile' text_append=button_text %}
<button type="button" data-controls="add_cover_{{ book.id }}" data-focus-target="modal_title_add_cover_{{ book.id }}" aria-pressed="false" class="cover-container no-cover is-h-m-mobile">
<img
class="book-cover"
src="{% static "images/no_cover.jpg" %}"
alt=""
aria-hidden="true"
>
<span class="cover-caption">
<span>{{ book.alt_text }}</span>
<span>{% trans "Click to add cover" %}</span>
</span>
</button>
{% include 'book/cover_add_modal.html' with book=book controls_text="add_cover" controls_uid=book.id %}
{% if request.GET.cover_error %}
<p class="help is-danger">{% trans "Failed to load cover" %}</p>
{% endif %}
{% else %}
{% include 'snippets/book_cover.html' with size='xxlarge' size_mobile='medium' book=book cover_class='is-h-m-mobile' %}
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-m-mobile' %}
{% endif %}
{% endif %}

View file

@ -62,9 +62,6 @@
>
<figcaption class="cover-caption">
<p>{{ book.alt_text }}</p>
{% if text_append %}
<p>{{ text_append }}</p>
{% endif %}
</figcaption>
</figure>
{% endif %}