Como ocultar a barra lateral para espectadores anônimos?

Suporte
2

Olá,

Com isso você pode ocultar a barra lateral para anônimos. :slightly_smiling_face:

Comum / CSS

html.anon {
  // Ocultar a barra lateral estreita do desktop
  // versão mobile da barra lateral que também é ativada no desktop com largura inferior a 1000px
  .d-header .hamburger-panel {
    display: none;
  }
  // Ocultar o manto do cabeçalho quando o menu abre
  .header-cloak {
    display: none !important;
  }
}

Desktop / CSS

html.anon {
  // Se a barra lateral estiver aberta, use o estilo fechado
  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);
    }
  }
  // Ocultar o botão do hambúrguer
  .header-sidebar-toggle {
    display: none;
  }
}

Mobile / CSS

html.anon {
  // Ocultar o botão do hambúrguer
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}
10 curtidas