Wie kann ich die Seitenleiste für anonyme Betrachter ausblenden?

Unterstützung
1

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.

2

Hallo,

Damit kannst du die Seitenleiste für Anonyme ausblenden. :slightly_smiling_face:

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;
  }
}

Mobil / CSS

html.anon {
  // Hamburger-Schaltfläche ausblenden
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}
10 „Gefällt mir“
3

Du bist eine absolute Legende!

Um meine Dankbarkeit zu zeigen, habe ich es als Theme component verpackt:

5 „Gefällt mir“
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.