From 20ed01dfbc60253e3996599a69661b5afb57f1e0 Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Thu, 12 Mar 2026 23:30:37 -0700 Subject: [PATCH] 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 Reviewed-by: James Valleroy --- debian/control | 1 - plinth/menu.py | 16 ++++++++-------- plinth/templates/base.html | 1 - 3 files changed, 8 insertions(+), 10 deletions(-) diff --git a/debian/control b/debian/control index baf34e08a..a6a6d900e 100644 --- a/debian/control +++ b/debian/control @@ -78,7 +78,6 @@ Depends: bind9-dnsutils, curl, debconf, - fonts-fork-awesome, # sgdisk is used in storage app to expand GPT disks gdisk, gettext, diff --git a/plinth/menu.py b/plinth/menu.py index 8f1fdc4ad..da2852b53 100644 --- a/plinth/menu.py +++ b/plinth/menu.py @@ -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//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//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 diff --git a/plinth/templates/base.html b/plinth/templates/base.html index a8a786fbf..116d54ba1 100644 --- a/plinth/templates/base.html +++ b/plinth/templates/base.html @@ -52,7 +52,6 @@ - {% if user_css %}