mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-04-01 09:30:29 +00:00
ui: Drop fonts-fork-awesome as dependency
Closes: #2343. - SVG icons from the project have been imported into the static/theme/icons directory. In future, more icons from this and projects will be included in this directory. We no longer use glyphicons from a font file. - SVG icons are more flexible as we can mix and match icons from different projects like fork-awesome. Each file can be individually tweaked to our needs. - They do not get anti-aliased like icons from font files. - They could end being much smaller than a font file which usually 100KiB+. Only icons used on a page are included in the page. - They work when font resources are blocked for security reasons like in case of NoScript extension. - They don't require separate resource to be loaded as SVG is typically inlined in the HTML file. This should improve page load time. - They can be animated and tweaked with CSS/JS. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
parent
f768195a13
commit
20ed01dfbc
1
debian/control
vendored
1
debian/control
vendored
@ -78,7 +78,6 @@ Depends:
|
||||
bind9-dnsutils,
|
||||
curl,
|
||||
debconf,
|
||||
fonts-fork-awesome,
|
||||
# sgdisk is used in storage app to expand GPT disks
|
||||
gdisk,
|
||||
gettext,
|
||||
|
||||
@ -24,14 +24,14 @@ class Menu(app.FollowerComponent):
|
||||
name is the label of the menu item.
|
||||
|
||||
icon is the icon to be displayed for the menu item. Icon can be the
|
||||
name of a glyphicon from the Fork Awesome font's icon set:
|
||||
https://forkawesome.github.io/Fork-Awesome/icons/. In this case, the
|
||||
icon name starts with the string 'fa-'. Alternatively, the icon can
|
||||
also be a file under the directory plinth/modules/<app>/static/icons/,
|
||||
provided without an extension. SVG icons are preferred. Currently, both
|
||||
PNG and SVG icons with the same name are used. For example, if the
|
||||
value of icon is 'myicon' and app_id in App class is 'myapp', then two
|
||||
icons files plinth/modules/myapp/static/icons/myicon.svg and
|
||||
name of an SVG icon from the static/theme/icons directory. In this
|
||||
case, the icon name starts with the string 'fa-' (a tribute to the
|
||||
fork-awesome project). Alternatively, the icon can also be a file under
|
||||
the directory plinth/modules/<app>/static/icons/, provided without an
|
||||
extension. SVG icons are preferred. Currently, both PNG and SVG icons
|
||||
with the same name are used. For example, if the value of icon is
|
||||
'myicon' and app_id in App class is 'myapp', then two icons files
|
||||
plinth/modules/myapp/static/icons/myicon.svg and
|
||||
plinth/modules/myapp/static/icons/myicon.png are used in the interface.
|
||||
|
||||
tags is a list of tags that describe the app. Tags help users to find
|
||||
|
||||
@ -52,7 +52,6 @@
|
||||
|
||||
<!-- Stylesheets -->
|
||||
<link rel="stylesheet" href="{% static '/javascript/bootstrap5/css/bootstrap.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static '/javascript/fork-awesome/css/fork-awesome.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'theme/css/main.css' %}">
|
||||
{% if user_css %}
|
||||
<link rel="stylesheet" href="{% static user_css %}">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user