Componente de Decoração de Natal 🎄

[meghna (Meghna Jalan)]

Adicionando um toque festivo ao seu fórum – apresento um componente de decoração de Natal!

Este componente inclui três adornos:

1. Luzes de Natal
2. Chapéus de Natal
3. Imagem de Decoração de Natal

Cada adorno pode ser ativado ou desativado individualmente nas configurações do tema. Para a Imagem de Decoração de Natal, há também uma opção para inverter as cores em fóruns com tema escuro.

As luzes de Natal foram inspiradas nas ideias de @Canapin aqui.

Feliz Natal!

	Pré-visualização	Pré-visualização no criador de temas
	Repositório no GitHub	discourse-christmas-decorations
	Guia de Instalação	Como instalar um tema ou componente de tema

[david (David Taylor)]

Muito bom! Uma pequena coisa - parece que a opção ‘habilitar imagem de decoração’ não está fazendo nenhuma diferença. Acho que pode precisar de um if no SCSS?

[meghna (Meghna Jalan)]

Obrigado por me avisar! Já apliquei uma correção agora.

[Jonathan5]

Isso é ótimo, obrigado. Muito mais fácil como um componente de tema do que como um tema inteiro.

Os chapéus funcionaram imediatamente, mas precisei mexer um pouco para fazer as luzes funcionarem — por exemplo, marquei as caixas de ativar/desativar (embora não tenha certeza se foi isso que fez funcionar) e reiniciei o aplicativo iOS Hub — mas acho que é realista para luzes

[meghna (Meghna Jalan)]

@Jonathan5

Isso é ótimo, obrigado. Muito mais fácil como um componente de tema do que como um tema.

Fico feliz que tenha gostado!

@Jonathan5

mas precisei mexer um pouco para fazer as luzes funcionarem

Isso é estranho. Acabei de verificar a instalação do componente (novamente) no tema-criador e funcionou na primeira tentativa. Me avise se o problema persistir.

[Jonathan5]

Tudo está funcionando agora. Talvez tenha sido algo relacionado ao cache — os avatares sendo atualizados antes da barra de menu. “Cache” é uma desculpa genérica boa, já que eu não entendo disso.

[sunjam (james.network)]

Hmm, talvez os moderadores pudessem ativar este componente aqui no meta para garantir que esteja funcionando…

[tachibanalolo]

Em meu discurso, chapéu e luz funcionam bem, no entanto, a imagem de decoração não aparece. Não tenho ideia do porquê isso acontece.

[Jonathan5]

Se ajudar, a decoração só aparece no desktop, no canto superior esquerdo e no canto superior direito.

[tachibanalolo]

Sim, eu sei, mas não há nada quando visualizo no desktop.

[meghna (Meghna Jalan)]

A imagem de decoração aparece quando a largura mínima da tela é de 1450px. Você está visualizando o site em um monitor pequeno ou em um laptop?

[tachibanalolo]

Ah. Eu tentei isso no meu monitor de 2k, então funciona. Agora estou usando meu Lenovo Yoga Duet (tipo um Microsoft Surface), então isso desaparece. No entanto, é possível exibir isso em um monitor pequeno ou em um laptop?

[tachibanalolo]

Seria uma pena que os usuários de laptop não pudessem ver o sino… Eu adoro isso. Isso representa o Natal.

[meghna (Meghna Jalan)]

Você pode fazer um fork do tema e ajustar as configurações de largura da tela.

[tachibanalolo]

Legal! Vou tentar isso! Obrigado pela ajuda!

[iamntz (Ionuț Staicu)]

Se alguém tiver outros componentes que apareçam antes das decorações, você pode tentar adicionar este CSS para forçar as luzes a serem as primeiras:

#main-container > * {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main-container .lightrope {
  order: -1;
}

(isso pode quebrar outras integrações, então teste completamente)

[danielabc (Daniela)]

Posso mudar as cores das luzes?

[kynic]

Chapéu não aparece nas postagens.

[Brandon007 (Brandon)]

@meghna Isso é fantástico!

“Imagem de Decoração de Natal” não funcionou para mim.

Existe alguma maneira de alterar as cores das luzes? Estou mexendo no CSS, mas não estou tendo sorte.

[th21]

Parece que adicionará um segundo chapéu ao emoji (no menu do usuário superior direito) quando o usuário definir um user-status