nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-05-20 10:34:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

templates: Use SVG icons for apps page and shortcuts

Browse Source 
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2019-05-06 16:09:50 -07:00 committed by James Valleroy
parent a931bf3fc5
commit b6325073c5
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
3 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plinth/templates/cards.html
View File

@ -42,7 +42,7 @@
{% if 'fa-' in item.icon %} {% if 'fa-' in item.icon %}
<span class="fa {{ item.icon }}"></span> <span class="fa {{ item.icon }}"></span>
{% else %} {% else %}
<img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/> <img src="{% static 'theme/icons/' %}{{ item.icon }}.svg"/>
{% endif %} {% endif %}
</div> </div>
<div class="card-description">{{ item.short_description}}</div> <div class="card-description">{{ item.short_description}}</div>
@ -68,7 +68,7 @@
{% if 'fa-' in item.icon %} {% if 'fa-' in item.icon %}
<span class="fa {{ item.icon }}"></span> <span class="fa {{ item.icon }}"></span>
{% else %} {% else %}
<img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/> <img src="{% static 'theme/icons/' %}{{ item.icon }}.svg"/>
{% endif %} {% endif %}
</div> </div>
<div class="card-description">{{ item.short_description}}</div> <div class="card-description">{{ item.short_description}}</div>

2
plinth/templates/index.html
View File

@ -83,7 +83,7 @@
{% if "custom" in shortcut.icon %} {% if "custom" in shortcut.icon %}
<img src="{{ shortcut.icon }}"/> <img src="{{ shortcut.icon }}"/>
{% else %} {% else %}
<img src="{% static 'theme/icons/' %}{{ shortcut.icon }}.png"/> <img src="{% static 'theme/icons/' %}{{ shortcut.icon }}.svg"/>
{% endif %} {% endif %}
</div> </div>
<div class="card-description"> <div class="card-description">

5
static/themes/default/css/plinth.css
View File

@ -392,6 +392,11 @@ a.menu_link_active {
background-size: 150% 25%; background-size: 150% 25%;
} }
.card-icon img {
width: 128px;
height: 128px;
}
.card-icon span { .card-icon span {
width: 100px; width: 100px;
height: 100px; height: 100px;