Font Awesome Icons in Navbar

XF2.x Font Awesome Icons in Navbar

Übersicht Aktualisierungen (4) Rezensionen (2) Diskussion
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...
Zum Vergrößern anklicken....

Lese den Rest der Aktualisierung...
 
  • Like
Reaktionen: mph
McAtze schrieb:
McAtze aktualisierte Font Awesome Icons in Navbar[ mit einem neuen Updateeintrag:
LESS Anpassungen an XF2.3
Zum Vergrößern anklicken....
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.
 
Kirby schrieb:
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.
Zum Vergrößern anklicken....
Wie oder mit was kann Mann denn das Testen wie schnell die Seite mit oder ohne denn.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben