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

cover: Search layout: Reduce padding around covers.

Browse Source
This commit is contained in:
Fabien Basmaison 2021-04-24 12:56:38 +02:00
parent 7f0b3184a1
commit 9ea91d8e7c
2 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bookwyrm/templates/search_results.html
View File

@ -49,7 +49,7 @@
<ul> <ul>
{% for result in result_set.results %} {% for result in result_set.results %}
<li class="pb-4"> <li class="mb-5">
{% include 'snippets/search_result_text.html' with result=result remote_result=True %} {% include 'snippets/search_result_text.html' with result=result remote_result=True %}
</li> </li>
{% endfor %} {% endfor %}

41
bookwyrm/templates/snippets/search_result_text.html
View File

@ -1,33 +1,38 @@
{% load i18n %} {% load i18n %}
<div class="columns is-mobile"> <div class="columns is-mobile is-gapless">
<div class="cover-container is-small column is-2"> {% include 'snippets/book_cover.html' with book=result container_class='column' img_path=false %}
{% if result.cover %}
<img src="{{ result.cover }}" class="book-cover" aria-hidden="true">
{% else %}
<div class="no-cover book-cover">
<img class="book-cover" src="/static/images/no_cover.jpg" aria-hidden="true">
<div>
<p>{% trans "No cover" %}</p>
</div>
</div>
{% endif %}
</div>
<div class="column"> <div class="column is-10 ml-3">
<p> <p>
<strong> <strong>
<a href="{{ result.key }}"{% if remote_result %} rel=”noopener” target="_blank"{% endif %}>{{ result.title }}</a> <a
href="{{ result.key }}"
{% if remote_result %}
rel=”noopener”
target="_blank"
{% endif %}
>{{ result.title }}</a>
</strong> </strong>
{% if result.author %} {% if result.author %}
{% blocktrans with author=result.author %}by {{ author }}{% endblocktrans %}{% endif %}{% if result.year %} ({{ result.year }}) {% blocktrans with author=result.author %}by {{ author }}{% endblocktrans %}
{% endif %}
{% if result.year %}
({{ result.year }})
{% endif %} {% endif %}
</p> </p>
{% if remote_result %} {% if remote_result %}
<form action="/resolve-book" method="POST"> <form class="mt-1" action="/resolve-book" method="post">
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="remote_id" value="{{ result.key }}"> <input type="hidden" name="remote_id" value="{{ result.key }}">
<button type="submit" class="button is-small is-link">{% trans "Import book" %}</button>
<button type="submit" class="button is-small is-link">
{% trans "Import book" %}
</button>
</form> </form>
{% endif %} {% endif %}
</div> </div>