cover: Handle covers with specific heights:
- Have an explicit contextual class on `cover-container`. - Use more flexible, consistent and searchable variable name for passing classes to covers. - Consistently use `'…'` with django variables. - Give the option to not hide covers to screen readers. - consitently give a title to the cover container if `alt_text` exists. - [lists] Remove `.content` which is applying too extensive default styles.
This commit is contained in:
@ -9,21 +9,20 @@
|
||||
is-clipped
|
||||
is-flex
|
||||
is-align-items-center
|
||||
{{ cover_class }}
|
||||
|
||||
{% if not book.cover %}
|
||||
no-cover
|
||||
{% endif %}
|
||||
|
||||
{% if size %}
|
||||
is-{{ size }}
|
||||
{% endif %}
|
||||
|
||||
{% if container_class %}
|
||||
{{ container_class }}
|
||||
{% endif %}
|
||||
"
|
||||
aria-hidden="true"
|
||||
|
||||
{% if aria != "show" %}
|
||||
aria-hidden="true"
|
||||
{% endif %}
|
||||
|
||||
{% if book.alt_text %}
|
||||
title="{{ book.alt_text }}"
|
||||
{% endif %}
|
||||
>
|
||||
<img
|
||||
class="book-cover"
|
||||
@ -34,7 +33,6 @@
|
||||
|
||||
{% if book.alt_text %}
|
||||
alt="{{ book.alt_text }}"
|
||||
title="{{ book.alt_text }}"
|
||||
{% endif %}
|
||||
{% else %}
|
||||
src="/static/images/no_cover.jpg"
|
||||
|
Reference in New Issue
Block a user