Mudando para uma configuração de site de Estilo de Categoria Única

[blake (Blake Erickson)]

As atualizações do Discourse feitas em 2023-11-13T05:00:00Z ou posteriormente incluirão esta alteração.

Na tentativa de unificar a forma como as categorias são estilizadas na interface do usuário, como na barra lateral ou ao mencionar uma categoria em chat ou em uma postagem, estamos removendo os estilos de categoria não padrão das configurações do site category_style e, eventualmente, removendo essa configuração completamente.

\u003e Para aqueles de vocês que já usam o estilo de categoria padrão (ponto), nenhuma ação é necessária.

Para aqueles de vocês que usam um estilo de categoria diferente do padrão (ponto), temos um novo componente de tema que você pode instalar com segurança imediatamente. Ao fazer isso, seu site continuará a usar sua configuração de estilo de categoria existente, mesmo quando removermos essa configuração do núcleo antes do lançamento final do 3.2.

Se você não estiver fortemente apegado ao seu estilo de categoria não padrão, encorajamos você a voltar ao estilo padrão (ponto) para evitar a necessidade de um componente de tema adicional em seu site. Veja como fazer:

\u003e Não há nada a instalar para voltar ao estilo de ponto padrão.
\u003e
\u003e Procure a configuração de administrador category_style e altere-a para “bullet”, para que fique assim:
\u003e
\u003e

\u003e
\u003e Aqui estão os passos:
\u003e
\u003e 1. vá para /admin em seu site
\u003e 2. selecione SETTINGS no menu
\u003e 3. procure por “category style”
\u003e 4. selecione o menu suspenso “category style” e selecione “bullet” (ou selecione RESET para alterá-lo de volta para o padrão, que é bullet)
\u003e
\u003e Depois de fazer o acima, você verá o estilo de ponto em todos os lugares onde as categorias são exibidas.

Em breve, haverá uma notificação no painel de administração para todos os sites que não estão usando o estilo de categoria padrão, informando-os de que precisarão instalar o componente de tema Category Badge Styles.

Depois de instalar o componente de tema, selecione o estilo de categoria existente que você gostaria de continuar usando. Observe que quaisquer seleções feitas aqui não terão efeito até que a configuração de estilo de categoria seja removida do núcleo. Esta medida é para garantir uma transição tranquila.

[Firepup650 (Firepup Sixfifty)]

Como isso afetaria componentes de tema como este?

Category Icons

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: Bringing popular features to Discourse). For private category icon customization, refer to this topic. Summary Category Icons allows category badge links to have icons next to the category name. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-category-icons …

[manuel (Manuel Kostka)]

Mesma pergunta.. ao usar ícones de categoria, o estilo da categoria geralmente é definido como none, caso contrário, ele mostraria o ícone e o marcador, certo?\n\n

\n\nIsso seria mesclado no componente Ícones de Categoria ou precisaríamos de dois componentes (ou estilos personalizados) para um estilo simples com ícones?\n\nOutro feedback:\n[quote="Blake Erickson, post:1, topic:282441, username:blake"]\nEm um esforço para unificar como as categorias são estilizadas na UI, como na barra lateral\n[/quote]\nAtualmente, os estilos da barra lateral parecem o marcador de bala, mas não são a mesma classe de elemento, declarada pela mesma declaração de estilo. Então, pergunto se as classes e declarações de estilo também serão unificadas?\n\n\n[details="Por exemplo, isso mostra quando você quer marcadores redondos:"]\n\n

\n\nIsso pode ser feito com uma simples declaração nos marcadores de bala:\n\n\n.badge-wrapper.bullet .badge-category-bg {\n border-radius: 10px;\n width: 9px;\n}\n\nMostrar os mesmos marcadores redondos de cor sólida na barra lateral torna-se mais complicado. (por padrão, eles misturarão cores da categoria pai e filho em uma declaração de gradiente) Por exemplo, fiz isso recentemente:\n\n\n.sidebar-section-link-prefix \u003e span {\n// move o fundo de uma potencial categoria pai para fora da vista\n background-size: 15px 15px !important;\n background-position: right center !important;\n}\n.sidebar-section-link-wrapper .sidebar-section-link-prefix .prefix-span {\n width: 0.5em;\n height: 0.5em;\n border-radius: 50%;\n}\n\n[/details]

[PrettyGirl]

Então, o site oficial do Discourse (este, meta.discourse.org) também voltará ao estilo de marcadores? (já que notei que algumas de suas categorias também estão usando o “estilo de caixa”). Não entendo a remoção de recursos perfeitamente funcionais. É muito difícil manter o código? ou apenas para promover/vender os mesmos componentes de tema no futuro?

[JammyDodger]

A configuração category style é para o estilo dos selos de categoria, não para o layout de uma página de categoria:

Esta é a versão ‘box’:

Em contraste com o ‘bullet’ padrão:

@PrettyGirl

Não entendo a remoção de recursos perfeitamente funcionais. É muito difícil manter o código? ou apenas para promover/vender os mesmos componentes de tema no futuro?

Com a introdução do sidebar e hashtag-autocomplete, esses estilos agora não se traduzem tão bem em todos os elementos da UI, e como a maioria dos sites se atém ao padrão, faz sentido criar um componente de tema para aqueles que ainda o desejam e remover a configuração do núcleo para simplificar as coisas em geral.

Como todos os nossos componentes de tema são gratuitos para todos, não estamos procurando oportunidades para vender nada.

[tobiaseigen]

Se entendi Blake corretamente na primeira postagem, nada será removido aqui e você poderá configurar seu site para se comportar como faz atualmente usando o novo componente de tema GitHub - discourse/discourse-category-badge-styles: Adds the box and bar style for Discourse categories. Basta instalá-lo e definir o estilo da categoria como none. Você pode fazer isso imediatamente, mesmo que ainda não tenha efeito enquanto a configuração do site category style existir.

Veja como é a configuração do componente de tema:

[Firepup650 (Firepup Sixfifty)]

Isso, na verdade, levanta uma questão diferente para mim, já que as categorias atualmente desativam a seleção de cores para o estilo de exibição de nenhum, o TC corresponderá a esse comportamento ou ainda permitirá a seleção de cores? Se permitir a seleção de cores, isso tornará a configuração das cores da categoria muito mais fácil.

[Nacho_Caballero]

Acabei de testar no meu site e vi uma diferença significativa de estilo para a opção ‘box’.

É assim que fica sem o componente do tema:

E com o componente do tema (padding maior de .badge-wrapper.box e fonte azul de var(--category-badge-text-color)):

[tobiaseigen]

Eu testei isso e consegui replicar.

[TheDarkWizard]

Há alguma intenção de remover ou alterar a configuração de estilo da página da categoria da área de trabalho?

[awesomerobot (Kris)]

@Nacho_Caballero

Acabei de experimentar no meu site e notei uma diferença significativa de estilo para a opção ‘box’.

Este componente de tema não funcionará corretamente até que as alterações que removem os estilos alternativos sejam mescladas no Discourse. Atualmente, nosso trabalho está em um branch, https://github.com/discourse/discourse/tree/category-bullet-only… e o componente de tema está funcionando com ele. Ainda está em andamento.

@Firepup650

Como isso afetaria componentes de tema como este?

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

@manuel

Isso seria mesclado ao componente de Ícones de Categoria ou precisaríamos de dois componentes (ou estilos personalizados) para um estilo simples com ícones?

Para o estilo de categoria de bolha padrão com ícones, isso deve ser tratado pelo componente… mas para os estilos adicionais de caixa/barra, serão necessários ambos os componentes.

@manuel

Então, pergunto se as classes e declarações de estilo também serão unificadas?

Isso também é verdade para menções como Announcements — nós analisamos isso e o resultado foi que é muito complicado usar um componente compartilhado… mas posso dar outra olhada em quão de perto podemos espelhar o HTML e CSS entre as variações.

@PrettyGirl

É muito avassalador manter o código? ou apenas para promover/vender os mesmos componentes de tema no futuro?

Existem algumas razões, mas o estilo de bolha padrão é usado pela grande maioria dos sites que hospedamos e, à medida que introduzimos novos recursos como a barra lateral e menções de categoria (como esta: Announcements), múltiplos estilos complicam as coisas.

Suportar múltiplas variações significa que temos que acomodar e testar tudo 3-4 vezes. Isso se torna difícil de justificar quando um recurso é puramente visual e usado apenas por uma pequena porcentagem de sites. Mover algo assim para um componente de tema significa que podemos simplificar o Discourse um pouco, enquanto ainda suportamos os sites que usam os estilos alternativos.

Geralmente não vendemos componentes de tema, mas construímos componentes personalizados para nossos clientes empresariais. Não há planos para que isso mude.

@TheDarkWizard

Existem intenções de remover ou tocar na configuração desktop category page style?

Não há planos no momento, mas esta é uma situação semelhante onde a maioria dos sites usa o estilo padrão (por uma ampla margem). Se fizéssemos isso, provavelmente seguiríamos um plano semelhante e suportaríamos os estilos removidos via componente de tema.

[ecki (Bernd)]

Então, como reverter para o padrão para se livrar do aviso? Definir o estilo do selo da categoria como marcador?

[tobiaseigen]

@ecki

como reverter para o padrão exatamente para se livrar do aviso? Definir o estilo do selo da categoria como marcador?

Sim, isso está correto. Nenhuma urgência imediata para mudar qualquer coisa, mas você receberá um aviso na página inicial do administrador até que o faça.

[Jagster (Jakke Lehtonen)]

E esse componente auxiliar começará a funcionar em algum momento e ocultará os marcadores? Porque agora ele deixa os marcadores intocados e também mostra ícones (para mim com ícones de nenhum e de categoria).

[blake (Blake Erickson)]

@Nacho_Caballero

Acabei de testar no meu site e vi uma diferença significativa de estilo para a opção ‘box’.

Acabamos de lançar uma atualização para o componente de tema para corrigir este problema. Assim, você pode atualizar para a versão mais recente e ativá-lo agora.

Isso permitirá que você escolha seu estilo de selo de categoria existente dentro do componente de tema, mas ainda não terá efeito.

[Firepup650 (Firepup Sixfifty)]

Eu redefini meu fórum para bullet e o componente de tema para none, e os bullets ainda estão sendo exibidos, isso é intencional?

[blake (Blake Erickson)]

Se você quiser “nenhum”, você deve definir ambos como “nenhum” por enquanto. Dessa forma, quando o core for atualizado (ainda estamos trabalhando em uma atualização para o core) e essas configurações desaparecerem do core, o componente de tema saberá para mantê-lo em “nenhum”. No momento, a precedência ainda está na configuração do core, mas em breve estará no que você selecionou no componente de tema.

[Nacho_Caballero]

Agora funciona perfeitamente. Obrigado pela atualização rápida!

[ecki (Bernd)]

Obrigado, o Bullet ajudou. Na verdade, parece até bom, lembro-me de que os marcadores eram menores antes, por isso usei os traços. (Mas talvez isso tenha sido alterado no meu tema, não sei).

[brianTRC (Brian Lockwood)]

Existe um vídeo do processo de instalação? Acho útil visualizar o processo e ler as instruções ao mesmo tempo. Raramente faço alterações em nosso site, pois tenho medo de cometer mudanças significativas que não conseguiria corrigir.