Tema do Ar

Você se certificou de seguir todas as etapas descritas nesse componente? Você também precisa habilitar um tema escuro em: /admin/site_settings/category/basic?filter=dark

Eu não tive problemas com isso, mesmo com a barra lateral habilitada.


Infelizmente não, não há como mudar isso. Seria possível você rotulá-los como 01, 02 e assim por diante? Sem o módulo mundial anexado?


As dimensões são 132x132.


Você se importaria de compartilhar uma captura de tela do que está acontecendo aqui? Não notei isso no meu site de demonstração.

1 curtida

Obrigado pelas explicações e ajuda! Eu não percebi que havia um componente extra para o Claro/Escuro. Posso descobrir uma maneira de tornar os números dos módulos mais claros, talvez adicionando uma imagem para substituir o padrão de texto. Sua sugestão de 01 também é boa.

Para o banner de pesquisa:

Antes, eu conseguia ver pelo menos 2x mais desta imagem. Quando comecei o dia (mesmo antes de ajustar o tema) a imagem foi reduzida em tamanho, então parece que foi uma atualização que causou isso? Mesmo que eu carregue um arquivo com as dimensões sugeridas em outra postagem acima (1920x1080), ele ainda faz essa coisa de esticar.

2 curtidas

Você também seguiu as instruções sobre como configurar o banner de pesquisa? Não vejo nenhum texto lá, mas talvez você o tenha removido?

Além disso, para adicionar esta imagem, você fez isso em um componente de tema?

1 curtida

Segui todas as instruções sobre como configurar o banner de pesquisa. Ele está posicionado abaixo do cabeçalho do site, conforme exigido. Removi o texto, sim. Mas anteriormente também não havia texto e mostrava muito mais. Ele ainda mostra apenas uma lasca da imagem. Carreguei a imagem como plano de fundo para o banner de pesquisa, não no componente do tema.

É assim que eu o tinha configurado antes de fazer qualquer alteração, e mesmo hoje de manhã, antes de mudar tudo, a imagem aparecia muito mais cortada do que antes, o que me faz suspeitar que uma atualização causou isso. Neste momento, estou vendo talvez 1/4 da imagem, no máximo.

Também tentei editar o componente do tema para recriar isso, mas a imagem ficou muito pixelada quando fiz isso. Não sei por que começou a fazer isso hoje. Também notei hoje que muitos dos meus outros detalhes do tema estavam incorretos, então talvez seja apenas um dia com bugs. Foi isso que me levou a experimentar um novo tema, este. No final, não é um grande problema, posso criar uma nova imagem que funcione melhor. Apenas curioso sobre por que há uma diferença tão grande de repente.

2 curtidas

Há um bug no tema com a visualização móvel: quando o valor da contagem de respostas aumenta, o layout fica confuso e não permanece mais alinhado.

Veja

Após a atualização, fica melhor, mas ainda apresenta problemas de alinhamento com a data e a contagem de respostas.

1 curtida

Por favor, coloque isso no tema que criei um componente e adicionei o código como você disse, mas a coluna de visualizações ainda não aparece. :confused:

Editar:

Eu estava tentando adicionar a coluna de visualizações com o código fornecido por Jordan, mas não sei por que não estava funcionando. Apliquei seu código e funcionou. Obrigado :grinning:

2 curtidas

Olá pessoal! Tema lindo, estou gostando muito.

Alguém sabe como exibir subcategorias aqui em vez da descrição da categoria? Eu uso o layout Categorias + Tópicos mais recentes para a página inicial.

Obrigado desde já

a

2 curtidas

Instalar seu próprio componente de tema e anexá-lo ao tema deve funcionar. Você vai querer adicionar esta linha ao CSS do componente de tema.

.custom-category-boxes .description {
    display: none;
}

Para instalar um componente de tema personalizado, vá para /admin/customize/themes, clique em Instalar e depois clique em Criar Novo.

A partir daí, você será levado para a página do novo componente, onde selecionará em qual tema ele será incluído.

Você pode então clicar em Editar CSS + HTML e adicionar o código que enviei acima ao arquivo common.scss.

3 curtidas

Obrigado, funcionou! Mas e quanto à exibição de subcategorias? Este código não está funcionando por algum motivo

.category-boxes .subcategories {
    display: flex !important;
    flex-flow: wrap;
}
1 curtida

Você pode me dizer como você adicionou esses ícones para as categorias? :grinning_face:

2 curtidas
  1. Clique na categoria que você deseja editar
  2. Vá para configurações (ícone de ferramenta)
  3. Imagens → Imagem do logotipo da categoria
3 curtidas

Entendi, Obrigado :smiley:

2 curtidas

Uma postagem foi dividida em um novo tópico: Como alterar o tamanho da fonte do título do banner de pesquisa?

Este tema seria quase perfeito se o problema, que parece ter sido levantado muitas vezes neste tópico por vários usuários, fosse resolvido.

Estou a experienciar o mesmo, onde o fundo no telemóvel é inconsistente com o desktop, tornando as coisas ilegíveis. Basicamente, torna-o inutilizável no telemóvel em certas situações.

Exemplo no Telemóvel:
Tema claro:

Tema escuro:

Exemplo no Desktop:

Tema Claro:

Tema Escuro

Agradeço o esforço e o trabalho neste tema, no entanto, é uma pena que esta inconsistência seja tratada como uma funcionalidade em vez de um bug, apesar de ter sido levantada muitas vezes. Certamente começarei a usá-lo se isto puder ser resolvido.

ATUALIZAÇÃO

Penso que é apenas o plugin discourse-docs que tem o problema acima. Não tenho a certeza de como isto pode ser resolvido, embora idealmente seria bom ter os docs do discourse a funcionar bem com este tema, pois ambos são boas funcionalidades para o fórum.

3 curtidas

Acabei de tentar instalar o Air Theme em um novo site Discourse. No meu site, uma cor de fundo está sendo definida para vários elementos que corrigem o problema de legibilidade que você está encontrando:

Existe algum CSS personalizado no seu site que possa estar substituindo o CSS do Air Theme?

2 curtidas

Interessante, não tenho CSS personalizado. Também removi todos os componentes do tema para ver se algo estava interferindo, mas o problema persistiu.

Não tenho ideia então :thinking:

1 curtida

Só para confirmar, você estava usando um celular?

Se eu usar um navegador de desktop e reduzir o tamanho da tela, vejo que meu layout é consistente com o seu, enquanto em um navegador de dispositivo móvel, não tenho a mesma estrutura. Por exemplo, ele mostra apenas ‘latest’ como um menu suspenso… o que me faz pensar que o seu não está sendo detectado como um celular, e é por isso que o tema não está ‘com defeito’ como nos meus exemplos de celular acima?

1 curtida

Ah, para ser honesto, parece bom na maior parte do site - talvez esse problema esteja limitado ao plugin ‘discourse-docs’. Eles não parecem funcionar bem juntos.

3 curtidas

Sim. Estou testando o modo mobile no meu desktop adicionando o parâmetro ?mobile_view=1 à URL. Os resultados devem ser os mesmos que você obtém em um dispositivo móvel. Definitivamente estou recebendo a visualização mobile na captura de tela.

Acho que você encontrou!

O problema parece afetar apenas tópicos de documentação no mobile, o desktop parece funcionar bem.

3 curtidas