Tema Graceful

I would like to start by saying thanks for such a great theme. and Special thanks for giving us the option to add a custom background image that was very important for us.

I am however running into a bit of a bump while trying to properly set up the header for the forums.

a- I am trying to increase the size of the logo top left corner.
b- I am trying to change the header color to match with the logo background as for some reason I am not sure how to get discourse to accept a .png image that will go along any header color. Without discourse changing it to a jpg and adding automatically adding the background.

The image below will show what I have now

I know there were a few mentions above about this and creating a custom component to override the CSS however I am not very familiar with CSS and I am not sure what lines to add where in my custom component I created.

any help with this will be greatly appreciated!

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