Wir haben die #Seitenleiste auf unserer Website konfiguriert, die größtenteils privat ist, mit ein paar öffentlichen Dingen.
Wir möchten unbedingt, dass die Seitenleiste nur dann aktiv ist, wenn der Benutzer angemeldet ist (d. h. nicht für anon angezeigt wird).
Ich habe dieses CSS ausprobiert:
// Seitenleiste für nicht angemeldete Benutzer ausblenden (verunstaltet leider das Layout)
.anon {
.sidebar-wrapper, .header-sidebar-toggle {
display: none;
}
}
Dies blendet zwar die Seitenleiste aus, aber das Layout der Seitenleiste bleibt erhalten (und sieht nicht gut aus). Gibt es eine bessere Möglichkeit?
Ich weiß, dass wir zur neuen Header-Dropdown-Ansicht (unter navigation_menu) wechseln und es auf diese Weise sortieren könnten, aber wir möchten die Seitenleiste für unsere angemeldeten Benutzer (ohne Klick) nach Möglichkeit sichtbar haben.
Damit kannst du die Seitenleiste für Anonyme ausblenden.
Allgemein / CSS
html.anon {
// Schmale Desktop-Seitenleiste ausblenden
// Mobile Version der Seitenleiste, die auch auf Desktops unter 1000px Breite aktiv ist
.d-header .hamburger-panel {
display: none;
}
// Header-Umhang ausblenden, wenn sich das Menü öffnet
.header-cloak {
display: none !important;
}
}
Desktop / CSS
html.anon {
// Wenn die Seitenleiste geöffnet ist, den geschlossenen Stil verwenden
body.has-sidebar-page {
#main-outlet-wrapper {
grid-template-columns: 0 minmax(0, 1fr);
gap: 0;
padding-left: 10px;
}
.wrap {
max-width: var(--d-max-width);
}
}
// Hamburger-Schaltfläche ausblenden
.header-sidebar-toggle {
display: none;
}
}