Logotipo da categoria em todos os tópicos dentro desta categoria

Suporte
1

É possível exibir o logotipo de uma categoria em todos os tópicos dentro dela? Estou falando do “logo small”.
No meu caso, é mais adequado mostrar um logotipo relacionado a este tópico do que um logotipo geral do site.
Obrigado!

2

Você quer que o logotipo seja exibido apenas no tópico em si ou também na lista de tópicos?
Acho que é possível fazer isso usando algum CSS.
Ou editando os templates… :thinking:

3

Veja, aqui no Discourse não temos logotipos para categorias.
Mas, se fossem escolhidos, eles estariam aqui:

image
image1438×781 64.7 KB

E se o logotipo da categoria fosse configurado, eu gostaria de vê-lo ao abrir qualquer tópico dentro dessa categoria. Nesse caso, o logotipo da categoria substituiria o pequeno logotipo.

image
image1339×771 42.8 KB

4

Quantas categorias você tem?

Se houver um número razoável de categorias, isso pode ser feito por meio de CSS. Basta redefinir o logotipo no topo. Usando:

<body class="category-***

category-support, por exemplo, no tópico em que estamos agora.

5

Vou ter um número fixo de categorias: 30.
Não tenho certeza de qual código adicionar ao CSS. Você pode dar uma dica mais clara? :slight_smile:

6

Removemos o logo:

img#site-logo {
    display: none;
}

Ou talvez isto:

.category-support img#site-logo {
    display: none;  
}

1
11023×397 39.3 KB

Adicionei sua foto para maior clareza:

.category-support .title a {
    background-image: url(https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/ed_bobkov/45/177564_2.png);
    width: 35px;
    height: 35px;
    display: block !important;
}

2
21130×405 40.4 KB

Você pode ter que repetir esse código 30 vezes.

Dei um exemplo de como fazer isso sem um componente/plugin. Você pode implementá-lo de forma diferente. Embora, o CSS para 30 categorias não ocupe muito espaço.

7

Obrigado! Isso está funcionando com algumas alterações.
Dica: o nome da categoria deve ser obtido em “Slug da Categoria” nas configurações da categoria.

Os tamanhos do logotipo podem variar:
width: 65px;
height: 50px;
display: block !important;
background-size: cover;