É possível alterar o ícone usado nos Avisos da Equipe, seja via CSS ou por uma configuração que eu ainda não tenha encontrado? Preferencialmente, gostaríamos de substituí-lo por uma imagem personalizada em vez de um ícone do FA.
1 curtida
Não temos uma configuração para isso e acredito que fazer apenas com CSS é difícil, mas você pode criar um componente de tema para substituí-lo.
No CSS, você ocultará o ícone antigo:
.post-notice {
.d-icon-user-shield {
display: none;
}
}
No JavaScript (você coloca isso na tag <head> do componente do tema), você decorará o aviso e adicionará o novo ícone:
<script type="text/discourse-plugin" version="0.8">
const { iconNode } = require("discourse-common/lib/icon-library");
api.decorateWidget('post-notice:before', helper => {
return iconNode('heart');
});
</script>
… ou, se quiser substituir por uma imagem…:
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget('post-notice:before', helper => {
return helper.h('img', {
src: 'https://www.discourse.org/a/img/home-spot-1.png',
style: 'margin-right: 0.65em',
height: 30,
width: 30
});
});
</script>
Com temas e componentes de tema, o céu é o limite. Se quiser saber mais, temos um recurso para isso:
12 curtidas
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
Acabei de experimentar isto; o primeiro trecho de código JS precisou de uma pequena atualização.
Isto agora precisa de ir para o separador JS de um Componente de Tema (ou Tema) em vez disso:
import { apiInitializer } from "discourse/lib/api";
import { iconNode } from "discourse-common/lib/icon-library";
export default apiInitializer("0.11.1", (api) => {
api.decorateWidget("post-notice:before", () => {
return iconNode("heart");
});
});
Não olhei para usar uma imagem em vez disso, desculpe.
3 curtidas
Depois de adicioná-lo ao meu tema, vi um aviso por causa de Upcoming post stream changes - How to prepare themes and plugins. Então, estou preocupado que outra atualização seja necessária em breve.
Tentei isso porque estava curioso para saber se isso afetava apenas notas de funcionários ou também notas de usuários novos e retornantes, já que todos são avisos de postagem.
Afeta todos os avisos de postagem, enquanto o CSS acima apenas oculta o escudo. Assim, você acaba com dois ícones nos avisos de usuários novos e retornantes.
1 curtida
Isso é tudo um pouco insatisfatório então!!
Na minha pressa para postar isso, eu não percebi que não havia removido o api.decorateWidget. Eu devo ter dispensado o erro no meu site sem perceber.
Tenho certeza de que o CSS poderia ser melhor direcionado, mas acabei de descobrir Quote Callouts - isso atenderá melhor ao meu caso de uso, eu acho.
3 curtidas