Componente de Decoração de Natal 🎄

[meghna (Meghna Jalan)]

Adding a bit of festive flair to your forum – I present a Christmas decoration component!

This component includes three flairs:

1. Christmas Lights
2. Christmas Hats
3. Christmas Decoration Image

Each flair can be individually enabled/disabled via theme settings. For Christmas Decoration Image there is also a setting to invert color for forum with Dark theme.

The Christmas lights were inspired from @Canapin’s ideas here.

Merry Christmas!

	Preview	Preview on theme creator
	Github Repo	discourse-christmas-decorations
	Install Guide	How to install a theme or theme component

[david (David Taylor)]

Very nice! One small thing - it doesn’t seem like the ‘enable decoration image’ is making any difference. I think it might need an if statement in the SCSS?

[meghna (Meghna Jalan)]

Thanks for bringing this in my notice! I’ve pushed a fix now.

[Jonathan5]

This is great, thanks. Much easier as a theme component than a theme.

The hats worked immediately but I had to fiddle around to get the lights to work - e.g. ticked the enable/disable boxes (though not sure that is what made it work) and restarted the iOS Hub app - but I guess that’s realistic for lights

[meghna (Meghna Jalan)]

@Jonathan5

This is great, thanks. Much easier as a theme component than a theme.

Glad you liked it!

@Jonathan5

but I had to fiddle around to get the lights to work

That is weird. I just checked installing the component (again) on theme-creator and it worked on first try. Let me know if the issue persists.

[Jonathan5]

It’s all working now. Maybe it was something to do with caching - the avatars being updated sooner than the menu bar. “Caching” is a good catch-all excuse as I don’t understand it.

[sunjam (james.network)]

Hmm, perhaps mods could enable this component here on meta to make sure it is working…

[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