Font Awesome Icons in Navbar

XF2.x Font Awesome Icons in Navbar

McAtze aktualisierte Font Awesome Icons in Navbar mit einem neuen Updateeintrag:

LESS Anpassungen an XF2.3

Größtenteils funktioniert der Code auch mit XF2.3. Einzig beim Profil müssen Anpassungen gemacht werden, da es früher /account und nun /profil heißt.

Less:
/* Your Profile */
    &[data-nav-id='defaultYourProfile']:before {.m-faContent(@fa-var-user-circle);}
    &[data-nav-id='defaultYourAccount']:before {.m-faContent(@fa-var-cogs);}

    &[href*="/whats-new/news-feed"]:before {.m-faContent(@fa-var-newspaper);}
    &[href*="/search/member?"]:before...

Lese den Rest der Aktualisierung...
 
  • Like
Reaktionen: mph
McAtze aktualisierte Font Awesome Icons in Navbar[ mit einem neuen Updateeintrag:
LESS Anpassungen an XF2.3
Das funktioniert zwar, ist bei 2.3 aber eher ineffizient:
Jedes dieser Icons wird als einzelne SVG-Datei geladen.

Wer auf Performance Wert legt dem würde ich daher empfehlen das bei 2.3 so nicht einzusetzen.

Eine einfache, breit unterstützte, effiziente Lösung rein mit CSS gibt es bei 2.3 leider nicht.
 
Danke für den Hinweis @Kirby habe ich in der Form gar nicht betrachtet.
 
Das funktioniert zwar, ist bei 2.3 aber eher ineffizient:
Jedes dieser Icons wird als einzelne SVG-Datei geladen.

Wer auf Performance Wert legt dem würde ich daher empfehlen das bei 2.3 so nicht einzusetzen.

Eine einfache, breit unterstützte, effiziente Lösung rein mit CSS gibt es bei 2.3 leider nicht.
Wie oder mit was kann Mann denn das Testen wie schnell die Seite mit oder ohne denn.
 
Danke für den Code, gefällt mir. Nur im Profil, da wird nichts angezeigt (und ja, ich habe die aktuellste Anpassung hier). Meine Version 2.3.6 - bin da noch in der Testphase und Ersteinrichtung. Ist nicht "schlimm", aber hier im Forum sieht es natürlich gut aus.

Nachtrag: Ich habe es hinbekommen:
Wenn ich (V 2.3.6) aus &[href*="/profil/xyz"] jetzt &[href*="account/xyz"] mache, funktioniert ist. Über die Performance in der Version kann ich natürlich noch nichts sagen, da ich noch im Testbetrieb bin.
 
Zuletzt bearbeitet:
Zurück
Oben