Tema do Ar

Vejo o mesmo problema com o Esquema de Cores padrão (não troquei o esquema antes).

Estranhamente, o plano de fundo e o ícone usam a mesma cor --primary-low-mid, e não consigo ver nenhuma alteração recente em torno disso. :thinking:

2 curtidas

Ok, obrigado pelo relatório, encontrei o problema e ele foi corrigido.

1 curtida

Olá pessoal. Estou usando o tema Air e gostaria de mostrar as postagens mais recentes aos usuários na página inicial do fórum, mas o tema Air mostra apenas as categorias e também não há postagem de atividade mais recente exibida (como no tema padrão).

Como posso fazer com que ele mostre ambas, as categorias e as postagens mais recentes (logo abaixo das categorias) na página inicial de dispositivos móveis?

Olá a todos, é possível mostrar quantas pessoas visualizaram os tópicos?

Pode não ser a maneira mais limpa de fazer isso, mas adicione estas linhas no CSS do Desktop

.topic-list-data.num.views {
  display: unset;
}
td.topic-list-data.num.views {
  display: flex;
  order: 4;
  justify-content: center;
  align-items: center;
}
1 curtida

Olá a todos, acabei de atualizar para o Air Theme. Adorei, aliás.

Mas eu costumava ter uma imagem de fundo na tela de login usando discourse-trendy-login, mas agora estou usando o Air Theme e não consigo fazer a imagem de fundo aparecer. Como eu mudo isso? Agradeço desde já.

Você pode compartilhar um link para o seu site?

Acho que isso deve funcionar para você:

.background-container {
    display: none;
}

Por favor, reporte aqui se não funcionar.

1 curtida

Olá Jordan,

Estou a experienciar um efeito interessante ao definir um Banner com imagem. Ele está a esticar a imagem, fazendo com que ela role horizontalmente.

Enquanto um onebox parece respeitar a largura.

O abaixo mostra a barra superior do banner rolada para a direita, centralizando a limpeza sed e editar

Tentei diferentes tamanhos de imagem. No tópico, o utilizador para o post do banner é exibido corretamente. Isto também parece afetar as caixas do YouTube puxadas, pelo menos usando o plugin RSS. Não testei com o onebox normal do YouTube.

Como posso corrigir isto? E existe alguma forma com CSS para aumentar a altura do banner visível?

Várias pessoas perguntaram sobre como exibir as subcategorias na página Categorias. Isso se refere ao componente Modern Category + Group Boxes, mas como ele não tem um tópico próprio (certo?), compartilharei minhas descobertas aqui:

Isso funciona:

/* Exibe subcategorias */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
  display: inline-flex;
  flex-flow: wrap;
}

.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
  display: inline-flex;
  align-items: baseline;
  margin-right: .3em;
}

/* Remove as imagens de categoria da lista */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
  display: none;
}

Além disso, se você tiver muitas subcategorias, talvez queira exibir uma categoria por linha.

/* Uma categoria por linha */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
  grid-template-columns: 1fr;
}

O resultado se parece com isto:

Acho que as caixas têm um limite de altura, mas ainda não encontrei uma maneira de removê-lo. Ainda não temos subcategorias suficientes para ver o problema no desktop, mas estamos atingindo o limite no celular:

Alguma ideia para resolver este problema?

2 curtidas

Tenho um erro de responsividade com este tema nos navegadores Chrome e Edge, com o Firefox está OK.
Como posso corrigir?
Obrigado

Existe alguma maneira de manter os avatares na lista de tópicos no desktop em formato circular? Verifiquei no celular e eles estão em círculo, mas por que quadrados no desktop.

1 curtida

Olá, no meu tema Air, os avatares da área de trabalho são circulares como no celular.

Você tem algum componente que está mudando o avatar para quadrado?

Editando de acordo com a postagem original, parece que deveria ser quadrado…

Não, eu não. Estou usando o tema padrão do Discourse e o tema Air. O padrão do Discourse usa formato circular. Se você olhar as outras imagens do quadro acima, todas são quadradas.

E os avatares não parecem suaves.

1 curtida

Pode ser possível usar este Theme component para corrigi-lo.

2 curtidas

Exatamente o que eu precisava usar. Muito obrigado!

1 curtida

alguém pode me dizer como mudar o fundo deste tema?

Você pode ser mais específico? Existem alguns lugares onde você pode modificar o plano de fundo com uma imagem.

Olá @jordan.vidrine, notei em alguns locais que não há um contêiner ao redor do conteúdo.

Eu prefiro agrupar esses elementos. Pois dificulta a leitura quando algum texto, por exemplo, muda de fundo branco para azul.

Isso são distintivos. Mas também acontece em “Conquistados…”

Eu prefiro o agrupamento em vez da coluna branca reta, pois acho que tem um efeito mais agradável. Isso também seria bom para outros elementos flutuantes e até mesmo para os cabeçalhos modernos de grupos de categorias.

1 curtida

Mod para o tema Air para suporte a quem está online Plugin

Crie Theme component

Edite o CSS comum e adicione este código

// Customização do Whis Online
.discovery-list-container-top-outlet.online_users_widget {
      display: flex;
      padding-top: .38em;
      background-color: var(--secondary);
      border: 1px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      transition: box-shadow 100ms ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}

Ative o Componente no tema Air

Resultado: Anteriormente, isso era exibido sem cor de fundo ou borda, dificultando a leitura.

Existem algumas áreas que gostaria de corrigir que apresentam esse problema.

Exemplo mostrado em minha postagem anterior.


EDITAR: Correção adicional para o banner global problema

Informações adicionais sobre as especificações do banner global:


// correção da imagem do banner global
#banner img {
    width: 100%;
    height: auto;
}

Agradecimentos especiais a @awesomerobot por fornecer este trecho de código.

1 curtida

Olá a todos, eu estava apenas tentando adicionar um CSS personalizado a este tema, mas a opção não está lá junto com as outras opções de personalização do tema. O que estou perdendo?