Come nascondo la barra laterale per gli spettatori anonimi?

Supporto
1

Abbiamo configurato il sidebar sul nostro sito, che è per lo più privato con un po’ di materiale pubblico.

Siamo molto interessati ad avere il sidebar attivo solo quando l’utente è connesso (cioè non mostrato ad anon).

Ho provato questo CSS:

// nasconde il sidebar agli utenti non connessi (purtroppo rovina il layout)
.anon {
    .sidebar-wrapper, .header-sidebar-toggle {
        display: none;
   }
}

Questo nasconde effettivamente il sidebar, ma il layout del sidebar rimane (e non ha un bell’aspetto). C’è un modo migliore?

So che potremmo passare alla nuova vista Header Dropdown (sotto navigation_menu) e sistemarla in quel modo, ma vorremmo davvero avere il sidebar visibile per i nostri utenti connessi (senza clic) se possibile.

2

Ciao,

Con questo puoi nascondere la barra laterale per gli anonimi. :slightly_smiling_face:

Comune / CSS

html.anon {
  // Nasconde la barra laterale desktop stretta
  // versione mobile della barra laterale che è attiva anche sul desktop con larghezza inferiore a 1000px
  .d-header .hamburger-panel {
    display: none;
  }
  // Nasconde il cloak dell'header quando il menu si apre
  .header-cloak {
    display: none !important;
  }
}

Desktop / CSS

html.anon {
  // Se la barra laterale è aperta usa lo stile chiuso
  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);
    }
  }
  // Nasconde il pulsante hamburger
  .header-sidebar-toggle {
    display: none;
  }
}

Mobile / CSS

html.anon {
  // Nasconde il pulsante hamburger
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}
10 Mi Piace
3

Sei una leggenda assoluta!

Per mostrarti la mia gratitudine, l’ho impacchettato come #componente-tema:

5 Mi Piace
4

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