nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-09-19 04:59:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: Use inline SVG icons for breadcrumbs

Browse Source 
Tests:

- The home icon appears as before in breadcrumb in light/dark themes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2026-03-11 16:08:43 -07:00 committed by James Valleroy
parent c12e4079c6
commit 80730bc9b3
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plinth/templates/breadcrumbs.html
View File

@ -2,6 +2,8 @@
# SPDX-License-Identifier: AGPL-3.0-or-later # SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %} {% endcomment %}
{% load plinth_extras %}
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
{% for url, breadcrumb in breadcrumbs.items reversed %} {% for url, breadcrumb in breadcrumbs.items reversed %}
@ -13,7 +15,7 @@
<li class="breadcrumb-item"> <li class="breadcrumb-item">
<a href="{{ url }}"> <a href="{{ url }}">
{% if breadcrumb.url_name == 'index' %} {% if breadcrumb.url_name == 'index' %}
<span class="fa fa-home"></span> {% icon 'home' %}
{% else %} {% else %}
{{ breadcrumb.name }} {{ breadcrumb.name }}
{% endif %} {% endif %}

4
static/themes/default/css/main.css
View File

@ -533,8 +533,8 @@ footer {
--bs-breadcrumb-divider: ">"; --bs-breadcrumb-divider: ">";
} }
.breadcrumb-item .fa-home { .breadcrumb-item .svg-icon {
font-size: 1.5rem; font-size: 1.25rem;
} }
.breadcrumb-item + .breadcrumb-item::before { .breadcrumb-item + .breadcrumb-item::before {