El ajuste de texto está roto en la vista móvil debido al componente de tema Easy Footer

Soporte
1

En https://community.drownedinsound.com/, en las últimas horas, ha ocurrido algo en el sitio donde ya no se aplica el ajuste de línea, junto con otros comportamientos extraños de la interfaz de usuario. Esto solo está sucediendo en la vista móvil.

image
image1920×779 190 KB

Hay un par de hilos allí con personas quejándose del mismo comportamiento, por lo que esto no es algo específico de mi usuario:
https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342

Puedes ver por las horas de las publicaciones que esto comenzó a suceder hace aproximadamente 12 horas, es decir, a las 20:30 (CEST) del 08-05-2022.

1 me gusta
2

Hola,

Parece que esto es causado por esto Easy Responsive Footer
El componente tiene una línea de CSS #main-outlet que causa esto.

Hay otro informe sobre este problema en el tema del componente de tema.

Puedes usar esta solución rápida hasta que se solucione.
Ve a /admin/customize/themes y crea un nuevo componente.
Haz clic en CSS de la sección móvil y añade lo siguiente.

#main-outlet {
  width: 100%;
  max-width: 100%;
}

Screenshot 2022-05-09 at 10.49.53
Screenshot 2022-05-09 at 10.49.53323×208 12.4 KB

7 Me gusta
3

Actualicé la publicación anterior. Olvidé sobrescribir el ancho máximo. @ma0sm , @AquaL1te

3 Me gusta
4

Hola! Gracias por esto. Sin embargo, cuando intento aplicar la solución rápida en la configuración de administrador, recibo este mensaje:

La edición de temas remotos está deshabilitada en Discourse. Por favor, contáctanos si necesitas ayuda para migrar temas remotos personalizados a un tema local.

Así que parece que necesitaremos algo de ayuda de ustedes con esto :slight_smile:

2 Me gusta
5

Añadirías un nuevo componente de tema con el fragmento de código adicional. :+1:

  • Ve a /admin/customize/themes
  • Haz clic en instalar y luego en crear nuevo
  • Dale un nombre y selecciona ‘componente’.
  • Crear
  • Añádelo a tu tema
  • Haz clic en el botón Editar CSS/HTML y pega el código en el campo CSS de la pestaña Móvil
  • Y guardar
4 Me gusta
6

¡Gracias! ¡Eso parece haber funcionado! :grin:

3 Me gusta
7

¡Se ve bien! ¡Muchas gracias por tu rápida ayuda!

7295b164b20a377a265b16e81812bb894b2c89b5
7295b164b20a377a265b16e81812bb894b2c89b53326×974 356 KB

pero hay más espacio del que había antes, creo. ¿Se resolverá esto cuando la corrección completa esté implementada?

1 me gusta
8

Creo que se debe a que el anuncio no se ajusta al ancho del móvil. ¿Puedes intentar desactivar el Easy responsive footer y el otro componente que creaste con el fragmento que publiqué antes? Solo para comprobar si el problema de relleno proviene de los anuncios u otra cosa.

Creo que he encontrado una posible solución. :thinking:

¿Podrías añadir esto al mismo componente nuevo que creaste antes para comprobar cómo funciona? Simplemente pégalo debajo del fragmento anterior @dis_whiterussian

.wrap {
  margin-left: unset;
  margin-right: unset;
}
5 Me gusta
9

¡Gracias, eso parece haberlo solucionado!

3 Me gusta
12

He añadido una corrección al pie de página fácil

5 Me gusta
13

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.