Comment masquer la barre latérale pour les spectateurs anonymes ?

Soutien
1

Nous avons configuré la sidebar sur notre site, qui est principalement privée avec un peu de contenu public.

Nous tenons absolument à ce que la barre latérale ne soit active que lorsque l’utilisateur est connecté (c’est-à-dire non affichée à l’anon).

J’ai essayé ce CSS :

// masquer la barre latérale aux utilisateurs non connectés (perturbe la mise en page malheureusement)
.anon {
    .sidebar-wrapper, .header-sidebar-toggle {
        display: none;
   }
}

Cela masque effectivement la barre latérale, mais la mise en page de la barre latérale reste (et n’est pas très esthétique). Y a-t-il une meilleure façon ?

Je sais que nous pourrions passer à la nouvelle vue du menu déroulant de l’en-tête (sous navigation_menu) et régler cela de cette façon, mais nous aimerions vraiment que la barre latérale soit visible pour nos utilisateurs connectés (sans clic) si possible.

2

Bonjour,

Avec ceci, vous pouvez masquer la barre latérale pour les anonymes. :slightly_smiling_face:

Commun / CSS

html.anon {
  // Masquer la barre latérale étroite du bureau
  // version mobile de la barre latérale qui est également activée sur le bureau sous 1000px de largeur
  .d-header .hamburger-panel {
    display: none;
  }
  // Masquer le cloak d'en-tête lorsque le menu s'ouvre
  .header-cloak {
    display: none !important;
  }
}

Bureau / CSS

html.anon {
  // Si la barre latérale est ouverte, utiliser le style fermé
  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);
    }
  }
  // Masquer le bouton hamburger
  .header-sidebar-toggle {
    display: none;
  }
}

Mobile / CSS

html.anon {
  // Masquer le bouton hamburger
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}
10 « J'aime »
3

Vous êtes une légende absolue !

Pour vous montrer ma gratitude, je l’ai empaqueté en tant que Theme component :

5 « J'aime »
4

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