Componente de decoración navideña 🎄

[meghna (Meghna Jalan)]

Añadiendo un toque festivo a tu foro: ¡te presento un componente de decoración navideña!

Este componente incluye tres adornos:

1. Luces navideñas
2. Gorros navideños
3. Imagen de decoración navideña

Cada adorno se puede activar o desactivar individualmente mediante la configuración del tema. Para la Imagen de decoración navideña, también hay una opción para invertir los colores en foros con tema oscuro.

Las luces navideñas fueron inspiradas en las ideas de @Canapin aquí.

¡Feliz Navidad!

	Vista previa	Vista previa en el creador de temas
	Repositorio de GitHub	discourse-christmas-decorations
	Guía de instalación	Cómo instalar un tema o un componente de tema

[david (David Taylor)]

¡Muy bien! Una pequeña cosa: parece que ‘habilitar imagen de decoración’ no está haciendo ninguna diferencia. Creo que podría necesitar una sentencia if en el SCSS.

[meghna (Meghna Jalan)]

¡Gracias por ponerlo en mi atención! Ya he aplicado una corrección.

[Jonathan5]

Esto es genial, gracias. Mucho más fácil como componente de tema que como tema en sí.

Los sombreros funcionaron de inmediato, pero tuve que hacer algunos ajustes para que las luces funcionaran: por ejemplo, marqué las casillas de habilitar/deshabilitar (aunque no estoy seguro de que eso fuera lo que las hizo funcionar) y reinicié la aplicación del Hub de iOS. Supongo que eso es realista para las luces

[meghna (Meghna Jalan)]

@Jonathan5

Esto es genial, gracias. Mucho más fácil como componente de tema que como tema en sí.

¡Me alegra que te haya gustado!

@Jonathan5

pero tuve que hacer varios ajustes para que las luces funcionaran

Eso es extraño. Acabo de verificar la instalación del componente (de nuevo) en theme-creator y funcionó a la primera. Avísame si el problema persiste.

[Jonathan5]

Todo está funcionando ahora. Quizás tenga que ver con la caché: los avatares se actualizaron antes que la barra de menú. “Caché” es una buena excusa general, ya que no la entiendo.

[sunjam (james.network)]

Hmm, quizás los moderadores podrían habilitar este componente aquí en meta para asegurarse de que funcione…

[tachibanalolo]

En mi discurso, el sombrero y la luz funcionan bien, sin embargo, la imagen de decoración no se muestra. No tengo idea de por qué esto sucede.

[Jonathan5]

Si sirve de ayuda, la decoración solo aparece en el escritorio, en la parte superior izquierda y superior derecha.

[tachibanalolo]

Sí, lo sé, pero no hay nada cuando lo veo en el escritorio.

[meghna (Meghna Jalan)]

La imagen de decoración aparece cuando el ancho mínimo de pantalla es 1450px. ¿Estás viendo el sitio en un monitor pequeño o en un portátil?

[tachibanalolo]

Oh. Lo probé en mi monitor de pantalla 2k, así que funciona. Ahora estoy usando mi Lenovo Yoga Duet (algo así como Microsoft Surface) y desaparece. Sin embargo, ¿es posible mostrarlo en un monitor pequeño o en un portátil?

[tachibanalolo]

Sería una pena que los usuarios de portátiles no pudieran ver la campana… Me encanta. Eso representa la Navidad.

[meghna (Meghna Jalan)]

Puedes hacer un fork del tema y ajustar la configuración del ancho de pantalla.

[tachibanalolo]

¡Genial! ¡Lo intentaré! ¡Gracias por tu ayuda!

[iamntz (Ionuț Staicu)]

Si alguien tiene otros componentes que aparecen antes de las decoraciones, podría intentar agregar este CSS para forzar que las luces sean las primeras:

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

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

(esto podría romper otras integraciones, así que pruébelo a fondo)

[danielabc (Daniela)]

¿Puedo cambiar los colores de las luces?

[kynic]

El sombrero no aparece en las publicaciones.

[Brandon007 (Brandon)]

@meghna ¡Esto es fantástico!

“Imagen de decoración navideña” no me funcionó.

¿Hay alguna forma de cambiar los colores de las luces? Estoy jugando con el CSS, pero no tengo suerte.

[th21]

Parece que agregará un segundo sombrero en el emoji (en el menú del usuario superior derecho) cuando el usuario establezca un estado de usuario