[TWIG][Templates] Clearer visual feedback that a note is a reply

This commit is contained in:
Eliseu Amaro 2021-12-07 16:17:49 +00:00
parent 4657a1d6a5
commit b0fea51251
Signed by: eliseuamaro
GPG Key ID: 96DA09D4B97BC2D5
2 changed files with 8 additions and 5 deletions

View File

@ -86,8 +86,10 @@
border-radius: var(--smaller); border-radius: var(--smaller);
} }
.h-entry .replies { .h-entry .replies {
padding: var(--smaller); margin-bottom: var(--small);
margin-left: var(--small); padding: var(--smaller) var(--smaller) 0 0;
padding-left: var(--small);
border-left: 2px solid var(--border);
} }
.note-info, .note-info,
embed header { embed header {

View File

@ -30,7 +30,8 @@
{% block note_replies %} {% block note_replies %}
{% if replies is defined and replies is not empty %} {% if replies is defined and replies is not empty %}
<div class="u-in-reply-to replies" tabindex="0" title="{{ 'Begin replies to ' | trans }} {{ nickname }}'s note!"> <div class="u-in-reply-to replies" tabindex="0" title="{{ 'Begin replies to ' | trans }}{{ nickname }}{{ '\'s note!' | trans }}">
<strong>{{ 'Replies to ' | trans }}{{ nickname }}</strong>
{% for conversation in replies %} {% for conversation in replies %}
{{ _self.macro_note(conversation['note'], conversation['replies']) }} {{ _self.macro_note(conversation['note'], conversation['replies']) }}
<hr tabindex="0" title="{{ 'End of reply' | trans }}"> <hr tabindex="0" title="{{ 'End of reply' | trans }}">
@ -110,14 +111,14 @@
{{ block('note_links') }} {{ block('note_links') }}
</section> </section>
{{ block('note_replies') }}
{% for block in handle_event('AppendCardNote', {'note': note, 'actor': note.getActor() }) %} {% for block in handle_event('AppendCardNote', {'note': note, 'actor': note.getActor() }) %}
<aside title="{{ 'Note\'s complementary information' | trans }}" class="note-complementary"> <aside title="{{ 'Note\'s complementary information' | trans }}" class="note-complementary">
{{ block | raw }} {{ block | raw }}
</aside> </aside>
{% endfor %} {% endfor %}
{{ block('note_replies') }}
{# {% if note_language is defined and note_language is not empty %}#} {# {% if note_language is defined and note_language is not empty %}#}
{# <div title="{{ 'Note\'s language' | trans }}" class="h-entry-language">{{ note_language }}</div>#} {# <div title="{{ 'Note\'s language' | trans }}" class="h-entry-language">{{ note_language }}</div>#}
{# {% endif %}#} {# {% endif %}#}