FreedomBox/plinth/templates/breadcrumbs.html
Sunil Mohan Adapa 4e900be128
ui: Show breadcrumbs on deeper pages
- Don't show them on section pages: home, apps, system and help pages.

- Tweak the appearance so that home icon is bigger, spacing between crumbs is
larger and to use '>' as separator.

- Change the name of the help menu item to show the value in breadcrumbs.

- Change the URLs for anchors in the help page so that they don't appear as part
of the breadcrumbs.

Tests:

- Section pages: home, apps, system and help pages don't have breadcrumbs.

- Visit various pages. Breadcrumbs are shown and all the links in the
breadcrumbs work as expected.

- Mobile view looks good.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
2024-12-25 12:25:05 +02:00

26 lines
685 B
HTML

{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
{% for url, breadcrumb in breadcrumbs.items reversed %}
{% if breadcrumb.is_active %}
<li class="breadcrumb-item active" aria-current="page">
{{ breadcrumb.name }}
</li>
{% else %}
<li class="breadcrumb-item">
<a href="{{ url }}">
{% if breadcrumb.url_name == 'index' %}
<span class="fa fa-home"></span>
{% else %}
{{ breadcrumb.name }}
{% endif %}
</a>
</li>
{% endif %}
{% endfor %}
</ol>
</nav>