Ocultar Tags e Badges do Hamburger apenas para convidados

Suporte
1

Quero a interface do usuário desconectado o mais simples possível, então estava me perguntando se eu poderia ocultar tags e emblemas do menu hambúrguer apenas para convidados.

Sei que isso pode ser feito facilmente com CSS a partir desta postagem -

Mas como verifico a condição de que o usuário é um convidado e, em seguida, oculto os itens do menu? Provavelmente preciso chamar uma função para verificar isso (assim como no WordPress), mas não tenho ideia de como isso funcionaria no Discourse. Alguém pode ajudar?

2

Usuários anônimos têm uma classe anon que você pode direcionar, então você poderia usar algo como:

.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link { 
    display: none
   }
  }
}

(Eu apenas adicionei a classe anon ao exemplo do outro tópico. Você precisaria ajustá-la para ocultar as coisas específicas que você queria)

3

Isso funcionou perfeitamente. Obrigado! A única coisa que resta para ocultar é o link de tags, mas ele não parece ter sua própria classe. Como posso direcioná-lo? Com a classe widget-link, ele oculta os links Sobre, FAQ e Visualização móvel.

442×140 9.21 KB

4

Este parece promissor:

5

[quote=“Removendo "Tags" do Menu Hamburger com CSS, post:2, topic:160196”]
.menu-panel li a.widget-link[href=“/tags”] { display: none; }
[/quote]

Perfeito. Este é o código final que funcionou. Eu também escondi a barra separadora. Obrigado Jammy!

/*esconder link de tags e badges do menu hamburger para convidados */
.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.widget-link[href="/tags"],
  .menu-container-general-links
    {
    display: none
   }
  }
}