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 %}
@@ -196,7 +211,7 @@
{{ descendant.content | safe }}
{% for media in descendant.media_attachments%}
{% if media.type == 'image'%}
-
+
{% elif media.type == 'gifv' %}