Links de cabeçalho personalizados (ícones)

Para o LinkedIn, você pode usar fab-linkedin como o nome do ícone nesta configuração

mas como esse ícone não está incluído no conjunto padrão de ícones que o Discourse usa, você também precisará adicioná-lo à outra configuração no componente.

O resultado fica assim para mim

Claro, há uma seção neste tópico sobre como adicionar ícones personalizados.

Depois de configurado, você poderá usar qualquer ícone personalizado que adicionar neste componente de tema. Por favor, dê uma olhada lá e me avise se encontrar algum problema.

Fiz essa alteração, junto com algumas outras melhorias de implementação aqui

A nova atualização adiciona classes com prefixos exclusivos a cada link com base no título que você usa. Então, por exemplo, se você usar

facebook, fab-facebook, https://facebook.com, vdm, blank

o link terá a classe

header-icon-facebook

O modelo é header-icon-TÍTULO-DO-ÍCONE

Que você pode então direcionar com CSS assim

.d-header-icons {
  .header-icon-facebook svg {
    fill: #4267b2;
  }

  .header-icon-twitter svg {
    fill: #1da1f2;
  }

  // adicione mais ícones aqui
}

o que resultaria em algo assim

ícones coloridos

4 curtidas