Front-end: On book page, click on cover to show/add image

Closes #1009
This commit is contained in:
Joachim
2021-12-29 16:40:19 +01:00
parent 0c0bfc046d
commit f12ba8609f
5 changed files with 65 additions and 12 deletions

View File

@ -0,0 +1,17 @@
{% load i18n %}
{% load static %}
<div class="modal" id="{{ id }}">
<div class="modal-background" data-modal-close></div><!-- modal background -->
<div class="modal-card is-align-items-center" role="dialog" aria-modal="true" tabindex="-1" aria-label="{% trans 'Book cover preview' %}">
<div class="cover-container">
<img
class="book-cover"
src="{% get_media_prefix %}{{ book.cover }}"
itemprop="thumbnailUrl"
alt=""
/>
</div>
</div>
<button type="button" data-modal-close class="modal-close is-large" aria-label="{% trans 'Close' %}"></button>
</div>