snapshot: Use inline SVG icons

Tests:

- All the icons appear as before in both 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 23:12:47 -07:00 committed by James Valleroy
parent fbdd0c269d
commit fad1f7d58b
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
2 changed files with 4 additions and 3 deletions

View File

@ -6,6 +6,7 @@
{% load bootstrap %} {% load bootstrap %}
{% load i18n %} {% load i18n %}
{% load static %} {% load static %}
{% load plinth_extras %}
{% block page_js %} {% block page_js %}
<script src="{% static 'snapshot/snapshot.js' %}" defer></script> <script src="{% static 'snapshot/snapshot.js' %}" defer></script>
@ -58,8 +59,7 @@
title="{% blocktrans trimmed with number=snapshot.number %} title="{% blocktrans trimmed with number=snapshot.number %}
Rollback to snapshot #{{ number }} Rollback to snapshot #{{ number }}
{% endblocktrans %}"> {% endblocktrans %}">
<span class="fa fa-repeat" {% icon 'repeat' %}
aria-hidden="true"></span>
</a> </a>
</td> </td>
<td class="centered-column"> <td class="centered-column">

View File

@ -5,11 +5,12 @@
{% load bootstrap %} {% load bootstrap %}
{% load i18n %} {% load i18n %}
{% load plinth_extras %}
{% block configuration %} {% block configuration %}
<div id="snapshot-not-supported" class="alert alert-danger d-flex align-items-center"> <div id="snapshot-not-supported" class="alert alert-danger d-flex align-items-center">
<div class="me-2"> <div class="me-2">
<span class="fa fa-exclamation-triangle" aria-hidden="true"></span> {% icon 'exclamation-triangle' %}
<span class="visually-hidden">{% trans "Caution:" %}</span> <span class="visually-hidden">{% trans "Caution:" %}</span>
</div> </div>
<div> <div>