{% extends 'django_spire/notification/app/scroll/scroll.html' %}

{% block scroll_queryset_unique_name %}notifications{% endblock %}

{% block increment %}25{% endblock %}

{% block scroll_sentinel_height %}160{% endblock %}
{% block scroll_sentinel_offset %}160{% endblock %}

{% block scroll_content_style %}max-height: 40vh; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;{% endblock %}

{% block scroll_footer %}
    <div class="row text-center border-top border-dark-subtle m-0">
        <div class="col-12 fs-7 text-center py-1">
            {% if not app_notification_list_url %}
                {% url "django_spire:notification:app:page:list" as app_notification_list_url %}
            {% endif %}
            <a href='{{ app_notification_list_url }}' class="text-decoration-none text-secondary my-2">View All</a>
        </div>
    </div>
{% endblock %}