Changing the template, prettifying a bit

Now that everything is a <li> can set the margin-top value to make a gap, instead of making a visible "invisible" hr. And with the template thread.html fixed, it seems to be working, showing everything as a tree, instead of a flat list.
This commit is contained in:
Cy 2020-06-01 02:58:24 +00:00
parent 91c3b82152
commit a6346a4053
No known key found for this signature in database
GPG Key ID: F66D599380F88521
2 changed files with 21 additions and 8 deletions

View File

@ -255,3 +255,10 @@ div.poll {
{ {
margin-top: 0; margin-top: 0;
} }
li {
margin-top: 0.1vh;
}
ul {
padding-left: 2vw;
}

View File

@ -18,14 +18,20 @@ mastodon.status_context(<numerical id>)
<h1 id="title" class="title"> <h1 id="title" class="title">
Thread Thread
</h1> </h1>
{% include "main/toot_partial.html" with toot=root %} {% for op in toots %}
{% for descendant in descendants %} {% if op == IN %}
{% if descendant == toot %} <ul>
{% include "main/toot_partial.html" with toot=toot active=True %} {% elif op == OUT %}
{% else %} </ul>
{% include "main/toot_partial.html" with toot=descendant %} {% else %}
{% endif %} <li>
<hr class="is-hidden"> {% if op.toot == toot %}
{% include "main/toot_partial.html" with toot=op.toot active=True %}
{% else %}
{% include "main/toot_partial.html" with toot=op.toot %}
{% endif %}
</li>
{% endif %}
{% endfor %} {% endfor %}
{% if not preferences.no_javascript %} {% if not preferences.no_javascript %}