Improving the whitespace around the {% trans %} adjustments from tilly-q

[mediagoblin.git] / mediagoblin / templates / mediagoblin / fragments / header_notifications.html

{% set notifications = get_notifications(request.user.id) %}
{% if notifications %}
    <div class="header_notifications">
    <h3>{% trans %}New comments{% endtrans %}</h3>
    <ul>
        {% for notification in  notifications %}
        {% set comment = notification.subject %}
        {% set comment_author = comment.get_author %}
        {% set media = comment.get_entry %}
        <li class="comment_wrapper">
            <div class="comment_author">
                <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
                <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
                            user=comment_author.username) }}"
                    class="comment_authorlink">
                    {{- comment_author.username -}}
                </a>
                <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment',
                            comment=comment.id,
                            user=media.get_uploader.username,
                            media=media.slug_or_id) }}#comment"
                    class="comment_whenlink">
                    <span title='{{- comment.created.strftime("%I:%M%p %Y-%m-%d") -}}'>
                    {%- trans formatted_time=timesince(comment.created) -%}
                        {{ formatted_time }} ago
                    {%- endtrans -%}
                    </span>
                </a>:
            </div>
            <div class="comment_content">
                {% autoescape False -%}
                {{ comment.content_html }}
                {%- endautoescape %}
            </div>

        </li>
        {% endfor %}
    </ul>
    <a href="{{ request.urlgen('mediagoblin.notifications.mark_all_comment_notifications_seen') }}?next={{ 
      request.base_url|urlencode }}" id="mark_all_comments_seen">
      {% trans %}Mark all read{% endtrans %}
    </a>
    </div>
{% endif %}