Hallo zusammen,
seid ihr es auch leid das man Mobil im Seitenmenü schnell die Übersicht verliert auf welcher Seite man gerade ist? Da ja alles clean gehalten und nicht mal farblich ein Akzent gesetzt wurde habe ich in meinen Stilen ab WSC 6 diese praktischen Pfeile eingebaut mit CSS - da möchte ich gerne mit Euch teilen & auch Woltlab an´s Herz legen...
Code
@include screen-md-down {
.pageMenuMainItemLabel, .pageMenuMainItemLink {
padding: 0px 10px 0px 25px;
}
.pageMenuMainItem[data-depth="1"] .pageMenuMainItemLabel, .pageMenuMainItem[data-depth="1"] .pageMenuMainItemLink {
padding-left: 25px;
}
.pageMenuMainItemLink[aria-current="page"]::before {
content: "\f105 \f105";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 10px;
width: 10px;
margin-right: 5px;
letter-spacing: -2px;
margin-top: 3px;
margin-left: -15px;
}
}
Display More
Und so sollte es dann aussehen:
Natürlich kann man sich die Pfeile farblich selber einfach anpassen:
Viel Freude an dieser kleinen, aber netten Verbesserung wünscht Euer Gino ...