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

Adds demo display of comment in list entry

This commit is contained in:
Mouse Reeve 2022-01-24 13:37:51 -08:00
parent d0a4c78d02
commit 5206d08dbb
2 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
bookwyrm/templates/lists/list.html
View File

@ -4,6 +4,7 @@
{% load book_display_tags %} {% load book_display_tags %}
{% load group_tags %} {% load group_tags %}
{% load markdown %} {% load markdown %}
{% load utilities %}
{% block breadcrumbs %} {% block breadcrumbs %}
<nav class="breadcrumb subtitle" aria-label="breadcrumbs"> <nav class="breadcrumb subtitle" aria-label="breadcrumbs">
@ -46,21 +47,16 @@
{% for item in items %} {% for item in items %}
<li class="block mb-5"> <li class="block mb-5">
<div class="card"> <div class="card">
{% with book=item.book %} <div class="card-content">
<div {% with book=item.book %}
class=" <div class="columns is-mobile">
card-content p-0 mb-0 <div class="column is-narrow is-cover">
columns is-gapless
is-mobile
"
>
<div class="column is-3-mobile is-2-tablet is-cover align to-t">
<a href="{{ item.book.local_path }}" aria-hidden="true"> <a href="{{ item.book.local_path }}" aria-hidden="true">
{% include 'snippets/book_cover.html' with cover_class='is-w-auto is-h-m-tablet is-align-items-flex-start' size='medium' %} {% include 'snippets/book_cover.html' with cover_class='is-w-auto is-h-m-tablet is-align-items-flex-start' size='medium' %}
</a> </a>
</div> </div>
<div class="column mx-3 my-2"> <div class="column">
<p> <p>
{% include 'snippets/book_titleby.html' %} {% include 'snippets/book_titleby.html' %}
</p> </p>
@ -73,8 +69,26 @@
{% include 'snippets/shelve_button/shelve_button.html' with book=book %} {% include 'snippets/shelve_button/shelve_button.html' with book=book %}
</div> </div>
</div> </div>
{% endwith %} {% endwith %}
<div class="media notification">
<figure class="media-left">
{% include "snippets/avatar.html" with user=item.user %}
</figure>
<div class="media-content">
<div class="content">
<header>
<a href="{% url 'user-feed' user|username %}">
{{ item.user.display_name }}
</a>
</header>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
</p>
</div>
</div>
</div>
</div>
<div class="card-footer is-stacked-mobile has-background-white-bis is-align-items-stretch"> <div class="card-footer is-stacked-mobile has-background-white-bis is-align-items-stretch">
<div class="card-footer-item"> <div class="card-footer-item">
<p> <p>

8
bookwyrm/templates/snippets/avatar.html
View File

@ -1,4 +1,8 @@
{% load static %} {% load static %}
<img class="avatar image {% if large %}is-96x96{% elif medium %}is-48x48{% else %}is-32x32{% endif %}" src="{% if user.avatar %}{% get_media_prefix %}{{ user.avatar }}{% else %}{% static "images/default_avi.jpg" %}{% endif %}" {% if ariaHide %}aria-hidden="true"{% endif %} alt="{{ user.alt_text }}"> <img
class="avatar image {% if large %}is-96x96{% elif medium %}is-48x48{% else %}is-32x32{% endif %}"
src="{% if user.avatar %}{% get_media_prefix %}{{ user.avatar }}{% else %}{% static "images/default_avi.jpg" %}{% endif %}"
{% if ariaHide %}aria-hidden="true"{% endif %}
alt="{{ user.alt_text }}"
>