Hice un hilo sobre esto hace unas semanas, pero ahora no puedo encontrarlo. No sé si un administrador lo eliminó o qué pasó. De todos modos, mi problema sigue vigente: el diseño de mi foro cambia cada semana más o menos, y me gustaría que dejara de hacerlo.
La última vez no tenía pruebas concretas, pero ahora sí:
Como pueden ver en la imagen anterior, la descripción de mis categorías tiene una sangría extraña. Esto es nuevo. Durante semanas esta sección estuvo perfectamente alineada con las demás, pero hoy entro al foro y de repente todo está desordenado.
Como dije, esto ya había ocurrido antes, y publiqué sobre ello sin recibir la ayuda adecuada. ¿Por qué está pasando esto? ¿Y cómo puedo evitarlo?
Como pueden imaginar, es bastante molesto dedicar horas de mi tiempo a perfeccionar el diseño de mi foro, solo para que siga modificándose y obligarme a detectar estos problemas y seguir corrigiéndolos. Pueden encontrar mi foro aquí.
No puedo decir la razón específica de por qué ocurrió eso; quizás una actualización reciente de Discourse (o algún tema o complemento que uses) haya cambiado el CSS. ¿Estás utilizando un tema personalizado?
Lo que podría ayudarte (si puedes modificar el CSS de tu sitio) es eliminar (o cambiar) el margen aplicado al logotipo (en .ember-view > a.category-title-link > div.category-logo.aspect-image en el explorador de HTML para cada elemento de categoría):
El CSS anterior hace que las descripciones se desplacen hacia la derecha. Si lo eliminas y luego aplicas un margen izquierdo y quitas el relleno izquierdo de la descripción para que se mantenga alineada, debería solucionar tu problema (aunque no he realizado pruebas exhaustivas):
Cuando tu sitio se actualiza automáticamente, se aplican todos los cambios que hayamos realizado entre un despliegue y otro. Si solo modificas el CSS del sitio, es poco probable que algo se rompa (aunque es posible que alguna parte deje de funcionar porque un elemento ha sido refactorizado o modificado, etc.). Sin embargo, si modificas las plantillas o usas scripts de JavaScript, es más probable que algo falle cuando realicemos cambios.
Aunque siempre intentamos ser lo más proactivos posible al realizar cambios importantes que puedan afectar a los sitios alojados y autoalojados, creando temas dedicados en la categoría #feature:announcements, los cambios menores solo se listan en GitHub hasta que se lanza la nueva versión beta.
Podrías arreglar tu código fácilmente, como mencionó @lucasbasquerotto, pero no tenemos forma de avisarte con antelación sobre los cambios que realicemos ni de advertirte antes de desplegarlos en el sitio.
Solo he modificado el CSS del sitio, ya que no soy desarrollador y no sé hacer nada más.
El tema que estoy usando para mi foro es el tema Zeronoise, que encontré aquí en su sitio web.
¡Gracias por tu respuesta! Sin embargo, aún no me ayuda a entender qué estoy haciendo mal. Si puedes indicarme en qué estoy fallando, podré dejar de hacerlo. Todos los temas y componentes de temas que instalo provienen de ustedes. Lo único que modifico en esos temas es el CSS.
¿Estoy cargando los temas de forma incorrecta? Por favor, ayúdame a saber qué me falta, porque realmente quiero solucionarlo para no tener que lidiar con cambios aleatorios en el diseño de mi sitio cada pocas semanas.
Así que solo necesitas reportar este problema en ese tema y el creador de ese tema lo solucionará correctamente. Cuando esté hecho, solo tendrás que actualizar el tema.
Parece que me falta información clave sobre el ecosistema de Discourse que me impide entender completamente lo que estás proponiendo. Entonces, si mi tema “se rompe”, ¿tendré que contactar al creador del tema para arreglarlo? ¿Por qué se rompe el tema en primer lugar?
¿Solo debo decirle al creador del tema algo como: “Oye, mi texto solía estar aquí, pero ahora está allá. ¿Puedes arreglarlo?” Y luego el creador del tema cambiará algo en el código del tema, y yo tendré que volver a descargar ese tema, volver a subirlo a Discourse, pegar mis ajustes de CSS de la versión anterior (para que mis ajustes de diseño se mantengan) y luego se verá como debería?
¿Y tengo que repetir este proceso cada pocas semanas a medida que las actualizaciones de Discourse mueven mi diseño?
¿Cómo resuelven este problema otros usuarios? Supongo que la mayoría hace ajustes de CSS en sus temas, ¿verdad?
La fragilidad probablemente depende de cómo estás escribiendo tu CSS. ¿Podrías darnos algunos ejemplos de cómo estás sobrescribiendo los estilos en las áreas que se han roto recientemente? Además, ¿tu foro es público? Sería realmente útil ver cómo tu foro se estiliza de manera diferente a los temas predeterminados.
Una semana más o menos después de haber finalizado mi diseño, visité el foro y noté que el contenedor era considerablemente más estrecho. Los textos que antes ocupaban 2 líneas ahora ocupaban 3 o 4.
El segundo problema es el que estoy reportando en este hilo: donde mi texto se salía de la alineación de forma aleatoria.
Solo me preocupa porque mi prueba de 28 días ni siquiera ha terminado y ya me he topado con esto dos veces.
Existen temas oficiales de Discourse (creados por el equipo de Discourse, como los temas claro y oscuro) y temas no oficiales. Si un tema oficial falla, el equipo de Discourse debería solucionarlo; pero si un tema no oficial falla, debes pedirle al creador del tema que lo repare, después de todo, sería inviable que el equipo de Discourse repare cada tema que falla (cualquiera puede publicar un tema aquí en el foro, incluyendo tú y yo).
Lo que probablemente rompió el CSS fue un cambio realizado por el equipo de Discourse que afectó (sin intención) el CSS del tema; en ese caso, el creador del tema debería solucionarlo, o puedes bifurcar su repositorio y corregir los cambios tú mismo. También puedes contratar a alguien en el Marketplace. Puede que no sea lo que esperabas, pero lamentablemente no hay mucho que hacer aquí para temas no oficiales. La buena noticia es: la solución parece ser sencilla, como mostré en mi publicación anterior.
Dicho esto, parece que este tema es propiedad de Discourse, ya que el repositorio es:
Así que quizás puedas pedirle al equipo de Discourse, a menos que esté pasando por alto algo.
