diff --git a/templates/threads.html b/templates/threads.html index 36977a5..aa73a41 100644 --- a/templates/threads.html +++ b/templates/threads.html @@ -38,9 +38,6 @@ ul { list-style: none; } - .card.descendant { - padding-bottom: 1em; - } .card { border-bottom: 1px solid rgba(34, 34, 34, 0.15); margin-left: -40px; @@ -58,12 +55,19 @@ display: none; } + & .emoji { + display: inline; + height: calc(1rem + 6px); + margin-bottom: -4px; + } + & .ellipsis::after { content: '...' } + & .body { - & img, & video { + & img:not(.emoji), & video, & .link_card { margin-bottom: 5px; } @@ -71,7 +75,7 @@ margin-bottom: 1em; } - & img, & video, & .link_card { + & img:not(.emoji), & video, & .link_card { border-radius: 5px; max-width: 100%; object-fit: cover; @@ -86,10 +90,6 @@ text-decoration: underline; } - & .emoji { - display: inline; - width: 1rem; - } } & .meta { @@ -112,11 +112,24 @@ margin-top: 1em; } + & .link_card:hover { + color: blue; + text-decoration-color: blue; + border-color: blue; + } + & .link_card { - & strong, & em, & small { + color: #555; + text-decoration: underline; + text-decoration-color; #888; + box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15); + + & strong, & small { + text-decoration-thickness: 1px; display: block; } - padding: 1em; + + padding: 1rem; } } @@ -164,20 +177,22 @@
{{thread.content | safe}} - {% for media in thread.media_attachments %} - {% if media.type == 'image'%} - - {% elif media.type == 'gifv' %} - - {% endif %} - {% endfor %} + {% if thread.descendants is defined %} + {% for media in thread.media_attachments %} + {% if media.type == 'image'%} + + {% elif media.type == 'gifv' %} + + {% endif %} + {% endfor %} + {% endif %}
- {% if thread.descendants %} + {% if thread.descendants is defined %}
{{ thread.created_at }}
@@ -196,7 +211,7 @@ {{ descendant.content | safe }} {% for media in descendant.media_attachments%} {% if media.type == 'image'%} - + {% elif media.type == 'gifv' %}