Ícones de Categoria

[volanar]

Olá! Há alguma notícia de atualização? É muito interessante o que aconteceu

[mattdm (Matthew Miller)]

@carson

Esta atualização ainda não foi mesclada, ela existe apenas como um branch separado no repositório no momento. Enviarei um PR em breve, na próxima semana, para mesclá-la sem quebrar nenhuma configuração existente. Obrigado pelo seu gentil feedback!

Qual é o estado disso? Eu adoraria ir além do fontawesome.

[carson]

Ainda não foi mesclado, mas fique à vontade para instalar o repositório e usar meu branch enquanto isso.

[mattdm (Matthew Miller)]

Obrigado! Vou esperar até que o novo menu para o nosso site esteja pronto e, em seguida, experimentá-lo no staging.

[volanar]

Alguém sabe quando isso acontecerá para não usar este componente em um novo projeto?

FEATURE: Use new experimental plugin API for sidebar

[Moin]

Eu apenas usaria o componente. Em Moving to a Single Category Style Site Setting houve perguntas sobre ícones de categoria e isso não parece que eles se tornarão parte do core até o lançamento do Discourse 3.2.

@awesomerobot

O componente de ícones de categoria precisará ser reescrito, podemos trabalhar nisso antes que esta atualização aconteça.

[awesomerobot (Kris)]

Sim, para confirmar, acabei de mesclar uma atualização neste componente para torná-lo compatível com Moving to a Single Category Style Site Setting

A atualização estará disponível para sites na versão Discourse 3.2.0.beta4-dev ou posterior, graças a Pinning plugin and theme versions for older Discourse installs (.discourse-compatibility)

Como isso está fixado em uma versão em vez de um commit específico… se você já estiver no Discourse 3.2.0.beta4-dev e estiver enfrentando problemas com este componente, pode ser necessário atualizar o Discourse novamente hoje.

[mattdm (Matthew Miller)]

Eu nunca tive a chance de experimentar seu branch, mas espero voltar a isso. Mais alguma notícia sobre se isso se tornará oficial?

[mattdm (Matthew Miller)]

@carson Tive a chance de brincar um pouco com isso. Parece basicamente bom, exceto por:\n\n1. Os ícones no menu suspenso de seleção de categoria não estão coloridos\n2. Não funciona no novo menu\n3. Se você habilitar "Usar o logotipo carregado da categoria como seu ícone":\na. isso afeta apenas o menu suspenso de seleção de categoria\nb. não é exibido ao lado da categoria em nenhum outro lugar\nc. e também, se isso estiver ativado, o menu suspenso de seleção de categoria mostra apenas esses ícones (mesmo que outras categorias tenham ícones diferentes configurados).\n3. Os ícones parecem maiores do que eram no tema anterior. Torná-los do mesmo tamanho seria o menos disruptivo — mas talvez seria bom ter uma configuração para o tamanho?\n\nAlém disso, algumas coisas desejáveis:\n* Uma opção para ocultar o ícone de bloqueio da categoria, não apenas defini-lo para outra coisa^[1]\n* Se o logotipo da categoria for usado, dê uma opção para ocultar o logotipo grande da categoria na página das categorias. Eles são redundantes.\n* Mover a configuração de emoji e fontawesome para a página da categoria, ao lado da configuração do logotipo da categoria

---

1. Eu acho que adiciona muito ruído visual e não muito valor porque não diz como a categoria é restrita! ↩︎

[zhang_zhiyuan]

Olá Coin,

Achamos que encontramos o mesmo problema que o ultrakiller.

Aqui está o arquivo que adicionamos para fazer o upload

Quando usamos os códigos para substituir o ícone de estrela por este ícone de categoria, não funciona

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-liked', 'beer');
    api.replaceIcon('d-unliked', 'fa-beer');
    api.replaceIcon('star', 'category');
</script>

Estamos muito confusos sobre qual etapa estamos perdendo. Você pode descobrir? Muito obrigado!

[Arkshine]

Olá, você deve seguir este guia para criar um arquivo SVG com o formato correto:

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

No seu caso, seria algo como:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="my-icon-id" viewBox="0 0 1024 1024" fill="none">
        <path fill="currentColor" d="M768.487 554.422H553.554v214.926c0 106.838 86.61 193.437 193.442 193.437h21.491c106.832 0 193.432-86.603 193.432-193.437v-21.492c.002-106.83-86.606-193.434-193.432-193.434m-515.842 0c-106.83 0-193.435 86.61-193.435 193.434v21.492c0 106.838 86.606 193.437 193.435 193.437h21.494c106.83 0 193.432-86.603 193.432-193.437V554.422zm21.498-494.346H252.65c-106.835 0-193.44 86.606-193.44 193.442v21.492c0 106.825 86.607 193.431 193.44 193.431h214.926V253.518c.002-106.836-86.604-193.442-193.432-193.442m494.344 0h-21.491c-106.836 0-193.442 86.606-193.442 193.442V468.44h214.933c106.832 0 193.432-86.606 193.432-193.431v-21.492c.002-106.836-86.606-193.442-193.432-193.442m0 0"/>
    </symbol>
</svg>

Certifique-se de:

• Inserir fill="currentColor"
• Fazer o upload do SVG com um nome de variável SCSS icons-sprite.

Resultado:

[zhang_zhiyuan]

Obrigado Arkshine. Por favor, deixe-me tentar.

[jordan-violet]

Este componente de tema lida com subcategorias com o mesmo nome?

• pai (slug: parent)
  • sub (slug: sub)
• pai2 (slug: paren2)
  • sub (slug: sub)

Não parece funcionar se eu usar o slug parent-slub ou parent1-sub para tentar aplicar configurações a eles.

[Heliosurge (Dan DeMontmorency)]

Seus nomes de slug são diferentes do pai para o sub? Acredito que, desde que os nomes dos slugs sejam diferentes, isso deve funcionar.

[jordan-violet]

Compartilhei os exemplos de nomes de slug na postagem acima.

[Heliosurge (Dan DeMontmorency)]

Ah, e não estava funcionando? Nunca usei categorias com nomes semelhantes neste TC, mas lembro-me de ter usado subcategorias em uma ocasião em que uma instância estava em execução usando a categoria pai apenas como um contêiner para subcategorias.

[sam (Sam Saffron)]

@lindsey / @tobiaseigen Adicionei um aviso ao post superior agora que

Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji

We have added several new features to Discourse based on popular theme components to make it easier to customize the design of your community. In this topic, we’ll share more about these new core features, how to use them, and provide information about they compare to the theme components that inspired them. Header search The header search feature moves search from the magnifying glass in the top right corner to a more prominent input field in the site header. [Header search] When more heade…

No entanto, agora temos vários “search landmines” (armadilhas de busca) no meta, provavelmente queremos limpar parte disso.