Olá. Como posso ocultar um botão (na verdade, é um ícone SVG que leva a algum lugar), mas apenas quando alguém está logado em uma conta?
1 curtida
Você poderia usar a classe .anon e fazer algo semelhante a isto:
2 curtidas
Você tem uma classe anon anexada à tag <html>.
Assim, você pode usar como:
html:not(.anon) .your_svg_selector {
display: none;
}
2 curtidas
@omarfilip @Arkshine E isso fará com que este ícone seja oculto apenas para usuários conectados? Além disso, onde exatamente está essa classe anon? Não consigo encontrá-la.
Ah, desculpe - você queria o oposto, então: not(.anon)
3 curtidas
Ahah, eu também li completamente errado, falha minha!
Ah, então ele tem que ser adicionado manualmente de alguma forma? O meu só tem:
class="desktop-view not-mobile-device text-size-normal no-touch discourse-no-touch"
Não há nada a acrescentar. O Discourse aplica automaticamente uma classe “anon” se você não estiver logado. Assim, você pode ter um CSS dizendo: “Se a classe anon não estiver presente…”.
1 curtida
Sim, você precisará personalizar o CSS do seu site:
2 curtidas
@45thj5ej .header-icon-login .d-icon-user deve funcionar.
1 curtida
Ok, legal, e eu só coloco isso no meu código CSS?
HTML:not(.anon) .header-icon-login .d-icon-user {
display: none;
}
1 curtida
html:not(.anon) .header-icon-login .d-icon-user {
display: none;
}
Você pode colocar no CSS do seu tema (se disponível) ou, melhor ainda, em um componente CSS de tema anexado ao seu tema.
1 curtida
Ah, que droga. Então, funcionou, mas quando ele é ocultado, ele não desliza o ícone à esquerda dele para o lado, então há uma lacuna estranha. Existe uma maneira de fazer isso sem a lacuna, mas sem alterar a ordem dos ícones?
1 curtida
Tente isto, para incluir o <li>.
html:not(.anon) .header-icon-login {
display: none;
}
4 curtidas
Cara, muito obrigado. 
2 curtidas
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.