Como o título sugere, estou procurando uma maneira de remover o emblema de cadeado de algumas categorias, mas não de todas.
Consegui fazer isso para o cabeçalho da lista suspensa de categorias, pois posso usar o ID da categoria para remover o ícone de cadeado apenas para esta categoria, em vez de globalmente.
No entanto, não consegui remover o ícone do emblema na visão geral das categorias (veja a captura de tela) e na lista suspensa de categorias na busca.
Vocês têm alguma sugestão para mim? Sou bem novo no trabalho com CSS e já esgotei minhas próprias abordagens.
// Hide the lock icon for specific categories on topic lists and hamburger menu,
// and hide the lock icon on all dropdown search results
.search-menu .results .restricted,
[href="/c/MY-CATEGORY-SLUG1"],
[href="/c/MY-CATEGORY-SLUG2"],
[href="/c/MY-CATEGORY-SLUG3"] {
.fa-lock {
display: none;
}
}
Just replace the MY-CATEGORY-SLUG# part with the slugs of the categories you want to have the lock icon hidden.
Unfortunately there isn’t enough to work with in the HTML to pick and choose which categories show the lock icon in the dropdown search results with CSS, so it’s all or nothing for that part. You will need to decide if you want to show or hide the lock for all restricted categories. If you want to show it, just remove this part: .search-menu .results .restricted,
Hopefully that gets you pretty close to what you are looking for!
ok desculpe pelo necro, mas não consigo fazer este funcionar. estou tentando suprimir o ícone de cadeado para nosso Lounge, que tem o slug “off-topic”. nosso Lounge não foi a instalação padrão, foi uma categoria criada e defini permissões para que não seja visível para não membros. mas não quero o ícone de cadeado lá porque os membros pensam que é uma categoria bloqueada.
presumo que eu adicione isso ao código CSS:
// Ocultar o ícone de cadeado para categorias específicas nas listas de tópicos e no menu hambúrguer,
// e ocultar o ícone de cadeado em todos os resultados de pesquisa suspensos
.search-menu .results .restricted,
[href="/c/off-topic"] {
.fa-lock {
display: none;
}
}
o ícone de cadeado ainda está lá. não quero substituí-lo globalmente e gosto da ideia de suprimir o ícone de cadeado no menu suspenso da categoria também.
obrigado pela resposta. isso suprimiu no menu suspenso de pesquisa de categoria, o que é ótimo. mas eu também quero suprimir o ícone de cadeado globalmente para essa categoria (não outros elementos bloqueados), como na página da lista de categorias.
@Arkshine
Usando os exemplos de código acima, consegui remover o bloqueio de 2 categorias na página inicial e na barra lateral. Incrível!
No entanto, o bloqueio ainda aparece nos menus suspensos de categoria. Ambas as categorias não mostram bloqueios em nenhum outro lugar, apenas neste menu.
Alguma ideia?
EDIT:
Consegui remover o ícone de cadeado dos menus suspensos para TODAS as categorias, mas não consigo descobrir como removê-lo apenas para categorias selecionadas. Aqui está o CSS:
Percebi que usar CSS em ícones de cadeado é um pouco complicado em alguns lugares, então criei um componente de tema para facilitar isso e ele oculta o ícone de cadeado para categorias seguras selecionadas no seletor de menu suspenso de breadcrumb, no breadcrumb da barra de cabeçalho, no menu da barra lateral de navegação e nos canais de chat correspondentes.
Obrigado @Lilly. Vi sua resposta original outro dia e só agora tive tempo de fazer algumas edições, e descobri que você não só facilitou para mim, mas criou um excelente componente de tema que certamente ajudará inúmeras pessoas a realizar a mesma coisa. Muito obrigado pelo seu tempo e esforço nisso. Muito apreciado.
De nada e obrigado pelo lindo elogio. Gosto muito de desenvolver ferramentas de componentes de tema para ajudar as pessoas a expandir as capacidades de seus fóruns Discourse.
