mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-05-27 10:44:33 +00:00
firstboot: 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:
parent
bcc6bdc922
commit
e70478711a
@ -5,6 +5,7 @@
|
|||||||
|
|
||||||
{% load bootstrap %}
|
{% load bootstrap %}
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
|
{% load plinth_extras %}
|
||||||
|
|
||||||
{% block breadcrumbs %}
|
{% block breadcrumbs %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -15,7 +16,7 @@
|
|||||||
|
|
||||||
<ol class='next-steps'>
|
<ol class='next-steps'>
|
||||||
<li>
|
<li>
|
||||||
<div class="app-icon fa fa-refresh"></div>
|
{% icon 'refresh' class='svg-icon app-icon' %}
|
||||||
<div class="step-text">
|
<div class="step-text">
|
||||||
{% url 'upgrades:index' as upgrades_url %}
|
{% url 'upgrades:index' as upgrades_url %}
|
||||||
{% blocktrans trimmed %}
|
{% blocktrans trimmed %}
|
||||||
@ -33,7 +34,7 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<div class="app-icon fa fa-eye-slash"></div>
|
{% icon 'eye-slash' class='svg-icon app-icon' %}
|
||||||
<div class="step-text">
|
<div class="step-text">
|
||||||
{% url 'privacy:index' as privacy_url %}
|
{% url 'privacy:index' as privacy_url %}
|
||||||
{% blocktrans trimmed %}
|
{% blocktrans trimmed %}
|
||||||
@ -43,7 +44,7 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<div class="app-icon fa fa-signal"></div>
|
{% icon 'signal' class='svg-icon app-icon' %}
|
||||||
<div class="step-text">
|
<div class="step-text">
|
||||||
{% url 'networks:index' as networks_url %}
|
{% url 'networks:index' as networks_url %}
|
||||||
{% blocktrans trimmed %}
|
{% blocktrans trimmed %}
|
||||||
@ -54,7 +55,7 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<div class="app-icon fa fa-tags"></div>
|
{% icon 'tags' class='svg-icon app-icon' %}
|
||||||
<div class="step-text">
|
<div class="step-text">
|
||||||
{% url 'names:index' as names_url %}
|
{% url 'names:index' as names_url %}
|
||||||
{% blocktrans trimmed %}
|
{% blocktrans trimmed %}
|
||||||
@ -64,7 +65,7 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<div class="app-icon fa fa-files-o"></div>
|
{% icon 'files-o' class='svg-icon app-icon' %}
|
||||||
<div class="step-text">
|
<div class="step-text">
|
||||||
{% url 'backups:index' as backups_url %}
|
{% url 'backups:index' as backups_url %}
|
||||||
{% blocktrans trimmed %}
|
{% blocktrans trimmed %}
|
||||||
@ -75,7 +76,7 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<div class="app-icon fa fa-th"></div>
|
{% icon 'th' class='svg-icon app-icon' %}
|
||||||
<div class="step-text">
|
<div class="step-text">
|
||||||
{% url 'apps' as apps_url %}
|
{% url 'apps' as apps_url %}
|
||||||
{% blocktrans trimmed %}
|
{% blocktrans trimmed %}
|
||||||
|
|||||||
@ -699,10 +699,9 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.next-steps .app-icon {
|
.next-steps .app-icon {
|
||||||
font-size: 3rem;
|
margin: 0.375rem 1rem 0.375rem 0;
|
||||||
margin-right: 1rem;
|
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
text-align: center;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.next-steps form {
|
.next-steps form {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user