Componente de tema de indicador sin conexión

¡Hola! :wave: Este componente temático es un simple indicador de desconexión que aparece cuando el usuario tiene problemas de conexión a Internet.

En el escritorio, el indicador aparece en la parte inferior derecha.

Hay algunas configuraciones que puede usar para personalizar el indicador.

icono del indicador de desconexión
Puede usar iconos de FontAwesome. Este icono aparece antes del título Oops… Estás desconectado.

ancho del indicador de desconexión
Este ancho solo afecta a la vista de escritorio. En el móvil, usa width: calc(100% - 20px);

redondeo del indicador de desconexión
Este es el radio del borde del indicador. Puede hacer que las esquinas sean redondeadas si aumenta el valor.

Y traducciones…

|||
|-|-|-|
| :hammer_and_wrench:|Repositorio| GitHub - VaperinaDEV/discourse-offline-indicator |
| :question:|Guía de instalación|Cómo instalar un tema o componente temático|
| :open_book:|¿Nuevo en Temas de Discourse?| Guía para principiantes sobre el uso de Temas de Discourse

26 Me gusta

Hola, ¿funciona esto tras las reconstrucciones del foro (es decir, los 5-6 minutos que suele tardar)?

1 me gusta

Este es un componente de tema, por lo que puedes agregarlo desde la página /admin/customize/themes sin necesidad de reconstruir. :+1:

1 me gusta

Creo que está preguntando si el mensaje se muestra durante una reconstrucción.

3 Me gusta

Vaya. :man_facepalming: Sí. Eso tiene mucho más sentido. :slightly_smiling_face: Fue culpa mía.

4 Me gusta

Hola,

Este no se mostrará durante la reconstrucción. Solía crear un indicador de desconexión con offline.js que siempre verifica el favicon, realiza solicitudes para que también se muestre durante la reconstrucción. Pero eso parece innecesario para esta función y también puede confundir a los usuarios sobre dónde está el problema: ¿en el lado del servidor o en su conexión a Internet?

Creo que también puedes hacer esto con un aviso global. Simplemente agrega un aviso antes de la reconstrucción. :slightly_smiling_face:

3 Me gusta

¡Muchas gracias por este gran componente! :grinning:

1 me gusta