Tema Graceful

Gostaria de começar agradecendo por um tema tão excelente. E um agradecimento especial por nos darem a opção de adicionar uma imagem de fundo personalizada, o que foi muito importante para nós.

No entanto, estou enfrentando um pequeno problema ao tentar configurar corretamente o cabeçalho do fórum.

a- Estou tentando aumentar o tamanho do logotipo no canto superior esquerdo.
b- Estou tentando alterar a cor do cabeçalho para combinar com o fundo do logotipo, pois, por algum motivo, não sei como fazer o Discourse aceitar uma imagem .png que funcione com qualquer cor de cabeçalho, sem que o Discourse a converta automaticamente para jpg e adicione um fundo.

A imagem abaixo mostra o que tenho atualmente:

Sei que houve algumas menções acima sobre isso e sobre criar um componente personalizado para substituir o CSS. No entanto, não estou muito familiarizado com CSS e não sei quais linhas adicionar nem onde, no meu componente personalizado.

Qualquer ajuda com isso será muito apreciada!

Acabei de fazer uma atualização que deve corrigir os problemas de cores mencionados recentemente (fundo incompatível, modo escuro), obrigado a todos por relatarem os problemas!

1 curtida

Como edito o CSS para este tema?

[image]

1 curtida

Estou tendo problemas com a largura da página, que aparece estreita do lado direito. Anexei uma captura de tela como referência.

Alguém mais está tendo o mesmo problema com este tema e tem alguma ideia de como podemos corrigir isso?

1 curtida

Há um problema com os avatares - posicionados em cima dos nomes

2 curtidas

Estamos vendo esse problema também.

3 curtidas

Obrigado por relatar! Acabei de fazer outra atualização — dê uma olhada novamente e me diga se houver algum problema.

5 curtidas

@awesomerobot obrigado pela atualização, acho que você pode precisar verificar a visualização móvel, parece um espaço extra em ambos os lados?

Não tenho certeza se isso é uma alteração/problema de tema, mas recentemente, quando atualizei o Discourse e todos os meus plugins, minha página inicial com o Topic List Thumbnails Theme Component instalado passou de 3 colunas para 2 colunas:

Se eu usar o Chrome Inspector e aumentar ligeiramente a largura do contêiner principal, isso corrige o problema. Então, suponho que possa ter a ver com este commit recente que tem algumas alterações de largura:

Por enquanto, estou resolvendo isso substituindo a largura em CSS com main-outlet, mas não tenho certeza se há alguma consequência não intencional, ou se esta é a melhor maneira de resolver. Portanto, isso não é necessariamente para dizer que algo precisa ser alterado, mas para mencionar que afetou o layout do meu site neste cenário e para perguntar se há alguma outra abordagem que eu deva seguir para obter o resultado desejado (layout de alvenaria de 3 colunas). Já corrigi o problema, então se isso resolver a longo prazo, ficarei feliz em deixar assim. :slight_smile:

Isso vai dar suporte à nova barra lateral que está sendo integrada ao Discourse?

2 curtidas

Sim, planejamos atualizar todos os nossos temas para dar suporte a ele.

2 curtidas

Pequeno relatório de bug: a versão mais recente deste tema parece truncar o título do fórum quando visualizado em um dispositivo móvel pequeno, como um iPhone, como pode ser visto em https://forums.ankiweb.net/

1 curtida

O chat em tela cheia parece estar parcialmente quebrado no tema Graceful, com a janela principal e a janela de chat apresentando uma barra de rolagem. Não consegui recriar este problema com outros temas, então ele parece ser específico do Graceful.

2 curtidas

Por que este tema força os cartões a serem no estilo legado? (o estilo antigo antes do novo Usercard Redesign Experiment) Fora isso, ótimo tema.
Imagem:

1 curtida

Os usercards atualizados são um componente de tema experimental e parece que ele simplesmente não foi adicionado a todos os temas aqui no Meta… Eu o adicionei a este, caso você esteja curioso.

4 curtidas

IPhone 11, Navegador Safari, há dois problemas


1 curtida

É o mesmo no Android. Os textos das outras opções de login estão invisíveis e a primeira coluna da tabela de componentes de tema está distorcida.

2 curtidas

Olá,

Acabei de descobrir isso no meu fórum também, corrigi com estilo personalizado:

.btn.btn-social {
    color: var(--d-sidebar-link-color);
}

Isso dá a mesma cor dos links da sua barra lateral. Espero que ajude.

– Ivan

2 curtidas

Obrigado pelos relatórios e pelas soluções alternativas de CSS! Acabei de atualizar o tema para resolver isso: UX: fix social login button color, sidebar headings, transparent buttons by awesomerobot · Pull Request #28 · discourse/graceful · GitHub

3 curtidas

Olá, notei que a cor do botão Excluir Tópico não é proeminente o suficiente. Você poderia corrigi-lo?

1 curtida