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

cover: tweak styles:

Browse Source 
- `optimizeQuality` > `smooth` (CSS language evolution)
- Use `auto` instead of a fixed width.
- Add exceptions for heights and apply them to some previously modified templates.
- Remove `is-large` exception.
- Widen the content column on list curation.
This commit is contained in:
Fabien Basmaison
2021-04-25 15:37:46 +02:00
parent 23985e4357
commit 953dff90bb
14 changed files with 55 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
bookwyrm/templates/book/book.html
View File

@ -48,10 +48,9 @@
<div class="columns">
<div class="column is-one-fifth">
<div class="is-clipped">
{% include 'snippets/book_cover.html' with book=book cover_class='is-large' %}
{% include 'snippets/rate_action.html' with user=request.user book=book %}
</div>
{% include 'snippets/book_cover.html' with book=book cover_class='has-height is-h-medium-mobile' %}
{% include 'snippets/rate_action.html' with user=request.user book=book %}
<div class="mb-3">
{% include 'snippets/shelve_button/shelve_button.html' %}
</div>

2
bookwyrm/templates/book/edit_book.html
View File

@ -170,7 +170,7 @@
<h2 class="title is-4">{% trans "Cover" %}</h2>
<div class="columns">
<div class="column is-narrow">
{% include 'snippets/book_cover.html' with book=book cover_class='is-small' %}
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-small' %}
</div>
<div class="column is-narrow">
<div class="block">

2
bookwyrm/templates/book/editions.html
View File

@ -16,7 +16,7 @@
<div class="columns">
<div class="column is-2">
<a href="/book/{{ book.id }}">
{% include 'snippets/book_cover.html' with book=book cover_class='is-medium' %}
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-medium' %}
</a>
</div>
<div class="column is-7">

2
bookwyrm/templates/discover/large-book.html
View File

@ -8,7 +8,7 @@
<div class="column">
<a
href="{{ book.local_path }}"
>{% include 'snippets/book_cover.html' with cover_class='is-large' %}</a>
>{% include 'snippets/book_cover.html' %}</a>
{% include 'snippets/stars.html' with rating=book|rating:request.user %}
</div>

2
bookwyrm/templates/discover/small-book.html
View File

@ -6,7 +6,7 @@
{% with book=book %}
<a
href="{{ book.local_path }}"
>{% include 'snippets/book_cover.html' with cover_class='is-small' %}</a>
>{% include 'snippets/book_cover.html' with cover_class='is-h-small' %}</a>
{% include 'snippets/stars.html' with rating=book|rating:request.user %}

2
bookwyrm/templates/feed/feed_layout.html
View File

@ -37,7 +37,7 @@
aria-label="{{ book.title }}"
aria-selected="{% if active_book == book.id|stringformat:'d' %}true{% elif shelf_counter == 1 and forloop.first %}true{% else %}false{% endif %}"
aria-controls="book-{{ book.id }}">
{% include 'snippets/book_cover.html' with book=book cover_class='is-medium' %}
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-medium' %}
</a>
</li>
{% endfor %}

2
bookwyrm/templates/import_status.html
View File

@ -125,7 +125,7 @@
<td>
{% if item.book %}
<a href="/book/{{ item.book.id }}">
{% include 'snippets/book_cover.html' with book=item.book cover_class='is-small' %}
{% include 'snippets/book_cover.html' with book=item.book cover_class='is-h-small' %}
</a>
{% endif %}
</td>

4
bookwyrm/templates/lists/curate.html
View File

@ -32,10 +32,10 @@
href="{{ book.local_path }}"
aria-hidden="true"
>
{% include 'snippets/book_cover.html' with cover_class='is-small' %}
{% include 'snippets/book_cover.html' %}
</a>
<div class="column is-9-mobile is-10-tablet ml-3">
<div class="column is-10-mobile is-10-tablet ml-3">
{% include 'snippets/book_titleby.html' %}
</div>
</div>

4
bookwyrm/templates/lists/list_items.html
View File

@ -11,10 +11,10 @@
{% with list_books=list.listitem_set.all|slice:5 %}
{% if list_books %}
<div class="card-image columns is-mobile is-gapless is-clipped has-height">
<div class="card-image columns is-mobile is-gapless is-clipped">
{% for book in list_books %}
<a class="column is-narrow" href="{{ book.book.local_path }}">
{% include 'snippets/book_cover.html' with book=book.book cover_class='is-small' aria='show' %}
{% include 'snippets/book_cover.html' with book=book.book cover_class='has-height is-h-small' aria='show' %}
</a>
{% endfor %}
</div>

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

@ -6,9 +6,6 @@
<figure
class="
cover-container
is-clipped
is-flex
is-align-items-center
{{ cover_class }}
{% if not book.cover %}

2
bookwyrm/templates/snippets/status/generated_status.html
View File

@ -8,7 +8,7 @@
<div class="columns is-mobile">
<div class="column is-narrow">
<div>
<a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book cover_class='is-small' %}</a>
<a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book cover_class='is-h-small' %}</a>
</div>
</div>
<div class="column">

2
bookwyrm/templates/user/shelf.html
View File

@ -86,7 +86,7 @@
{% for book in books %}
<tr class="book-preview">
<td>
<a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book cover_class='is-small' %}</a>
<a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book cover_class='is-h-small' %}</a>
</td>
<td>
<a href="{{ book.local_path }}">{{ book.title }}</a>

2
bookwyrm/templates/user/user.html
View File

@ -36,7 +36,7 @@
{% for book in shelf.books %}
<div class="control">
<a href="{{ book.local_path }}">
{% include 'snippets/book_cover.html' with book=book cover_class='is-medium' %}
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-medium' %}
</a>
</div>
{% endfor %}