Sim, o alinhamento do título é um problema conhecido com o qual optamos por conviver por enquanto. Infelizmente, nossas opções para alinhar o título ao conteúdo da postagem são limitadas pela estrutura HTML do Discourse. Esperamos que seja algo que possamos corrigir nos próximos meses.
Ok, tenho mais duas sugestões, como mostrado na figura, as linhas vermelhas indicam as áreas que acredito que precisam de melhoria:
-
A parte superior é muito larga e ocupa muito espaço, sugiro reduzir um pouco a altura.
-
Comparando o lado direito com o esquerdo, a largura do lado esquerdo é maior e o conteúdo é denso, enquanto a largura do lado direito é menor e, uma vez que há um fundo colorido, o equilíbrio é claramente perdido. Quanto maior a tela do monitor, mais desconfortável fica.
Sugiro usar um fundo cinza claro e aumentar a largura da barra lateral direita, adicionando alguns botões de função expansíveis. Encontrei um caso de referência com um estilo semelhante:
Referência https://mail.google.com/chat
Meu feedback:
Dramático para usar em uma viewport ampla
Alinhamento e aparência do botão Novo Tópico
E como ele é tão proeminente, me incomoda muito.
Alinhamento inferior esquerdo
Alinhamento superior direito
Alinhamento do logotipo e ícones
Cor de fundo da barra lateral desaparece ao redimensionar
provavelmente devido a pontos de interrupção de mídia inconsistentes?
Alinhamento dos ícones
Bem-vindo de volta? Eu nunca saí.
Me faz querer citar LL Cool J ![]()
Acabei de perceber que as tags e o contador de mensagens não lidas quando o tópico está sendo acompanhado estão desaparecidos na visualização da lista de tópicos.
Acredito que isso seja intencional para economizar espaço, você está entrando em larguras móveis ali. Há outro pequeno bug com os cantos das caixas ainda aparecendo no seu vídeo, mas acho que isso já foi corrigido porque não consigo reproduzir.
Como a remoção da cor de fundo da barra lateral economiza espaço?
Existe uma media query onde a cor de fundo é definida como secondary com menos de 850px, enquanto a barra lateral desaparece com 767px.
O problema do canto realmente desapareceu.
Outro ponto de interrupção inconsistente é com exatamente 768px de largura, onde o fundo azul claro da área do tópico reaparece.
na verdade não é apenas a cor de fundo, é também a remoção do contêiner de conteúdo separado
quando a barra lateral e o conteúdo estão em contêineres separados, você precisa de preenchimento entre o conteúdo e as bordas dos contêineres em ambos
quando os contêineres são removidos, você só precisa de espaço entre os elementos, então você acaba cortando o preenchimento necessário pela metade
Sim, isso parece uma lacuna de 1px em media queries em algum lugar, deve ser uma correção fácil (editar: acabei de mesclar uma)
Ahhh, obrigado pela explicação!!
Olá,
Na seção de linha do tempo, como você pode ver na imagem anexada, parte do texto relacionado às datas (como “1” e “5”) está transbordando de seu contêiner e não está sendo exibido corretamente.
Estou usando o componente Google Fonts com uma fonte personalizada em meu tema.
Obrigado pelo seu trabalho.
A densidade de informação é muito baixa, seria bom ter uma opção para ajustar o espaçamento.
Uau!! Eu acabei de entrar neste tópico para sugerir exatamente a mesma coisa. Seria ótimo ter uma opção para ajustar a densidade e o tamanho dos itens.
O tamanho da fonte e o espaçamento são altos por padrão no Horizon em comparação com os outros temas. Entendo que isso é feito para dar uma aparência mais moderna, mas usuários avançados podem preferir ver layouts mais densos. Simplificando, talvez um zoom de 90%, mas com os elementos ajustados para caber no espaço negativo deixado de fora.
Para nós, designers e desenvolvedores, isso não é imediatamente óbvio, pois trabalhamos em telas de alta resolução, mas para usuários que ainda estão em telas de menor resolução, tudo parece muito grande.
Para o propósito declarado deste tema (“administradores não técnicos e membros comuns”), ter fontes maiores, mais espaço em branco e menor densidade geral de informações parece uma boa ideia. O Discourse é bastante agitado por padrão.
Uma observação adicional: na lista de tópicos, eu esperaria que clicar em qualquer lugar entrasse em um tópico (já que sua borda está destacada como um botão). O comportamento atual é que você tem que clicar no título do tópico.
Usado por um tempo, a experiência na tela pequena do laptop é muito boa, mas a experiência na tela grande não é boa o suficiente. Recomenda-se usar um modo de leitura de dois painéis como o Google Chat na tela grande.
Assunto: Problema de Exibição da Caixa de Categoria com o Tema Horizon (Idioma RTL Usado)
Olá,
Estou usando o tema Horizon no meu fórum Discourse e encontrei um problema de exibição com os nomes das categorias.
Após ativar o tema Horizon, as caixas que circundam os nomes das categorias são significativamente maiores do que o texto que elas contêm, resultando em uma aparência visual estranha. Isso é mostrado na captura de tela anexada.
Observação: Meu fórum usa o idioma persa, que é um idioma da Direita para a Esquerda (RTL). O problema persiste mesmo quando não tenho nenhum componente ativado para o tema.
Você poderia, por favor, investigar isso? Qualquer orientação sobre como resolver esse problema de estilo seria muito apreciada.
Obrigado!
Assunto: Problema na Exibição da Linha do Tempo - Aparece como Duas Linhas (Idioma RTL Usado)
Olá novamente,
Notei outro problema de exibição ao usar o tema Horizon no meu fórum Discourse.
A barra da linha do tempo nos tópicos está sendo renderizada de forma diferente do esperado. No site de demonstração oficial do tema Horizon, a linha do tempo aparece como uma única linha contínua. No entanto, no meu fórum com o tema Horizon ativo, a linha do tempo é exibida como duas linhas separadas.
Anexei capturas de tela comparando a linha do tempo no site oficial e no meu fórum para ilustrar essa diferença.
Observação: Meu fórum usa o idioma persa, que é um idioma da Direita para a Esquerda (RTL). O problema persiste mesmo quando não tenho nenhum componente ativado para o tema. Estou usando a versão mais recente deste tema.
Você poderia, por favor, me informar o que pode estar causando essa divisão na exibição da linha do tempo e como isso pode ser corrigido para que apareça como uma única linha?
Obrigado pela sua ajuda!
Obrigado por todos esses relatórios; não posso prometer que será resolvido imediatamente, mas estou anotando para investigar os problemas de RTL com certeza.
Muito obrigado
Este espaço em branco extra à esquerda e à direita do conteúdo do tópico é do que eu estava falando. Não parece uniforme. Idealmente, eu gostaria de uma opção para que ele ocupe a largura total, ou, no mínimo, seja alinhado à esquerda em vez de centralizado. Posso substituí-lo usando CSS personalizado, mas estou apenas relatando caso haja consenso sobre a estética.
Este componente Topic List Thumbnails não funciona com o novo tema. Até agora, gosto do novo tema! Mas poderia ser melhor, se por exemplo usasse menos espaço. Um pouco menos de preenchimento poderia fazê-lo escalar melhor.
Além disso, o banner de tags e categorias poderia ter uma melhor integração. Os cantos arredondados não fazem sentido, na minha opinião.
O Reader Mode usa fontes e tamanhos diferentes, que são menores do que os usados no tema Horizon. O que torna o modo de leitura mais difícil de ler.
Além disso, as tags não são mais listadas. Acho muito importante mostrar as tags. Assim como as categorias, as tags podem ajudar a entender os tópicos no layout geral.
Ao usar a visualização móvel e selecionar alguns posts, as opções de seleção flutuam acima do resto da página quando você começa a rolar para baixo.
Além disso, ao selecionar a ação em massa “definir categoria”, nenhuma categoria aparece.
Sim! Acho que as tags deveriam fazer parte dos cartões do tópico. Assim como as categorias, elas ajudam a entender a lista de tópicos sem abri-la.
Sim! Um botão flutuante de “novo tópico” no canto inferior direito também poderia funcionar. Mas o melhor é mantê-lo consistente com a experiência padrão do Discourse.
Encontrei outro problema, um menor. Com o tema padrão, essas caixas de categoria cabem em uma linha. Com este tema Horizon, ele só tem espaço para 3 caixas. Claro, diferenças de preenchimento e outras coisas podem causar isso. Mas caso isso não tenha sido intencional, fiz a minha parte ao relatar ![]()






















