Seite 2 von 2
Re: [3.2] Ungelesene Nachrichten aus Schnellzugriff auf Button
Verfasst: 20.03.2018 18:02
von ottischwenk
Jetzt würde mich noch interessieren, wie ich sowas im Style Latte bewerkstelligen kann.
Und dann gebe ich (zumindest vorläufig ) Ruh

Re: [3.2] Ungelesene Nachrichten aus Schnellzugriff auf Button
Verfasst: 20.03.2018 18:36
von Melmac
Wo soll der dort eingefügt werden und welches Layout verwendest Du: das mit den Tabs für das Navigationsmenü oder die "klassische" Anzeige?
Stelle doch einfach mal einen entsprechenden Screenshot ein und markiere dort, wo dies hin soll

Re: [3.2] Ungelesene Nachrichten aus Schnellzugriff auf Button
Verfasst: 20.03.2018 19:39
von ottischwenk
Ich wusste gar nicht, dass "klassische Anzeige" möglich ist - wie macht man das?
[ externes Bild ]
Irgendwie funktionier mein Bildupload nicht . ich hätte es gerne im rot Mrkierten
Re: [3.2] Ungelesene Nachrichten aus Schnellzugriff auf Button
Verfasst: 20.03.2018 21:46
von Melmac
Für diese Anzeige gibt es eine entsprechende Option: der Vorgabewert ist in der
/styles/latte/theme/_style_config.scss
enthalten =>
Code: Alles auswählen
$tabbed-navigation: true !default; // true or false. Toggles tabbed navigation layout
Diese Datei aber jetzt bitte
nicht direkt editieren: sie ist die zentrale Konfigurationsdatrei des Styles, die alle Vorgabewerte enthält und sollte daher nie angepasst werden.
Dafür gibt es eine eigene Datei, in der die Änderungen an diesem Konfigurationscode eingetragen werden.
Du gehst hierbei wie folgt vor:
- Kopiere aus der
/styles/latte/theme/_style_config.scss
die Codezeile, die Du anpassen willst => in diesem Fall also
Code: Alles auswählen
$tabbed-navigation: true !default; // true or false. Toggles tabbed navigation layout
und
- füge ihn in die Datei
/styles/latte/theme/_custom_config.scss
wieder ein.
- Dort kannst Du ihn jetzt anpassen => in Deinem Fall also ändern in
Bitte dabei darauf achten, dass das ursprünglich vorhandene
!default
dabei rausgenommen wird.
- Kompilieren, Board-Cache leeren und das Ergebnis sollte jetzt so aussehen
Zur ursprünglichen Frage zurück:
- Öffne
/styles/latte/theme/_custom.scss
und füge dort folgenden Code neu ein:
Code: Alles auswählen
.icon-unread-posts {
&::after {
content: '\f016'; // fa-file-o
}
@extend %icon-image-fa;
}
- Öffne die
/styles/latte/template/navbar_header.html
und suche
Code: Alles auswählen
<li class="small-icon icon-new-posts"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li>
ACHTUNG: diese Codezeile gibt es 2x in dieser Datei: Zeile 229 und 236.
Nach jeder dieser beiden Zeilen fügst Du neu ein
Code: Alles auswählen
<li class="small-icon icon-unread-posts"><a href="{U_SEARCH_UNREAD}" role="menuitem">{L_SEARCH_UNREAD}</a></li>