style: descendants layout
This commit is contained in:
parent
f27ea9278f
commit
badeea5387
1 changed files with 13 additions and 6 deletions
|
@ -39,9 +39,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.card_content {
|
.card_content {
|
||||||
width
|
|
||||||
& * {
|
& *:not(.meta) {
|
||||||
margin-top: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
& img, & video {
|
& img, & video {
|
||||||
|
@ -52,7 +52,7 @@
|
||||||
|
|
||||||
& .meta {
|
& .meta {
|
||||||
font-size: small; color: #888;
|
font-size: small; color: #888;
|
||||||
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -104,10 +104,17 @@
|
||||||
<ul>
|
<ul>
|
||||||
{% for descendant in thread.descendants %}
|
{% for descendant in thread.descendants %}
|
||||||
<li class="card">
|
<li class="card">
|
||||||
<div class="card_meta">
|
<div class="card_avatar">
|
||||||
|
{% if descendant.account.avatar is defined %}
|
||||||
|
<img class="avatar" src="{{thread.account.avatar}}" />
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card_content">
|
||||||
|
<div class="meta">
|
||||||
<span>{{ descendant.created_at }}</span> • <a href="{{descendant.url}}" target="_blank">↗</a>
|
<span>{{ descendant.created_at }}</span> • <a href="{{descendant.url}}" target="_blank">↗</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="card_content">
|
|
||||||
{{ descendant.content | safe }}
|
{{ descendant.content | safe }}
|
||||||
{% for media in descendant.media_attachments%}
|
{% for media in descendant.media_attachments%}
|
||||||
{% if media.type == 'image'%}
|
{% if media.type == 'image'%}
|
||||||
|
|
Loading…
Reference in a new issue