Feature #10114
open
Symbol (Link): 'G:' (Glyphicon) replaced by 'i:' (icon)
Added by Carsten Rose over 4 years ago.
Updated 7 days ago.
Assignee:
Krzysztof Putyra
Due date:
10.07.2024 (7 days late)
Description
- Die Glyphicons sind in BS4 nicht mehr erhalten und sollen durch Font Awesome ersetzt werden.
- Font Awesome hat viel mehr Symbole.
- In der Uebergangszeit kann 'G:...' und 'i:...' parallel genutzt werden.
- Die aktuellen Standard Symbole von Glyphicon durch FontAwesome ersetzen.
- Zur Dokumentation soll eine Glyph/Icon Webseite (vermutlich QFQ based, dort sind beide Fonts enthalten) erstellt werden:
- Welche Glyphicons werden mit welcher Bedeutung auf welcher Seite benutzt.
- Anzeige das Font Awesome Pendants.
- Ziel:
- Einheitlichkeit von in QFQ verwendeten Symbolen.
- Schnelleres finden von Symbolen (basierend auf frueherer Suche und Entscheidung fuer ein Symbol)
- Tracker changed from Support to Feature
- Related to Feature #3797: Diese Icons in QFQ verwenden? light-bulb added
- Subject changed from Symbol (Link): 'G:' (Grlyphicon) replaced by 'i:' (icon) to Symbol (Link): 'G:' (Glyphicon) replaced by 'i:' (icon)
Bei der Gelegenheit gerne auch noch auf die neuste Font-Awesome-Version updaten (in der aktuellen 4.7 fehlen die meisten der inzwischen verfügbaren Icons).
- Priority changed from Normal to High
- Target version changed from next5 to next3
- Target version changed from next3 to next2
- Target version changed from next2 to Check if 'high' is still necessary
- Priority changed from High to Normal
- Target version changed from Check if 'high' is still necessary to CodingWeek2023
- Prio Planung set to No
- Assignee set to Support: Web
Es scheint diverse Ansaetze zu geben um Glyph-Icons via FA abzubilden:
- Target version changed from CodingWeek2023 to CodingWeek2024
- Priority changed from Normal to High
- Due date set to 10.07.2024
- Status changed from New to ToDo
- Assignee changed from Support: Web to Krzysztof Putyra
Update of the situation:
i:
is currently used for inline reports
- we will keep using
G:
for icons with Glyphicon classes translated automatically to FontAwesome via CSS
- it might be useful to search for deprecated classes or even fixed them automatically
Overview of sources of icons¶
Bootstrap icons
FontAwesome 5
- Not all are free
- Searchable list: https://fontawesome.com/v5/search?o=r&m=free
- With version 5 the prefix
fa-
is deprecated in favor of several families of fonts:
fas
: solid icons, 1001 for free (font-weight: 900)
far
: regular icons, mostly paid plan (151 for free), but could be imitated for some fonts by specifying font-weight: 300
fal
: light icons, paid plan, but could be imitated for some fonts by specifying font-weight: 100
fab
: branch icons
fad
: duo-tone icons, paid plan
- Usage:
<i class="fas fas-{icon-name}"></i>
Extending the G: token for _link column¶
- Currently
G:icon
translates to <span class="glyphicon glyphicon-icon"></span>
- This behavior must be visually preserved to compatibility:
G:icon
translates to an internally defined set of icons with a CSS file defining which icons are used
- To use specific families of fonts - in particular with FA - we can use two space-separated parameters for the token, like
G:fas plus
or G:bi plus
.
- We may allow to select the default icon family in extension settings.
Internal usage of glyph icons¶
A set of icons is used to build forms. The HTML tags are created directly and in several places the icon family glyphicon
is mentioned explicitly. Icons names are always inserted via constants.
- Status changed from ToDo to In Progress
Also available in: Atom
PDF