Hace 20 minutos, después de actualizar a la versión más reciente, todos los banners en las secciones individuales se han relegado a una caja extraña y se han reducido a un tamaño imposiblemente pequeño. Si también había texto, el texto tiene un tamaño legible al lado (aunque esto también ha sido rediseñado). No he cambiado ninguna configuración aparte de la actualización.
Ahora, al revisar la configuración, dice que quiere una relación de aspecto de 1:1. ¿Siempre fue esto lo “recomendado” o es un cambio? Siento que no es lo que decía, pero no estoy seguro. Definitivamente no era obligatorio. Porque todos los míos coinciden con el del sitio principal, que está decididamente diseñado para ser rectangular. Es un cambio bastante desagradable de forzar, hice como 40 únicos individualmente.
¿Tienes algún problema con el componente de banner de categoría (el que usa el color de la categoría, como soporte aquí en Meta) o con la descripción e imagen de la categoría que muestra el núcleo de Discourse cuando cargas una imagen de categoría?
No tiene nada que ver con lo que hice, algo se cambió en el núcleo con una de las últimas actualizaciones, no estoy usando ningún plugin. Todo el diseño cambió. No sé cómo explicarlo mejor y no tengo una captura de pantalla del estilo antiguo, pero cualquiera que haya visto ambos sabrá a qué me refiero. Se cambió toda la relación del logo, la forma en que aparece el texto es diferente, ahora está enmarcado en una caja. Destruyó por completo la forma en que lo teníamos usando las opciones predeterminadas.
Editar: Pueden ver en las capturas de pantalla publicadas en el enlace de arriba UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub el estilo antiguo estaba a la izquierda, excepto que no se requería (ni se solicitaba) una relación de aspecto 1:1 para el logo y todo el formato era diferente. Ahora ha forzado todos los logos a un cuadrado encogido y ha reformateado todo, haciendo que el texto sea la característica dominante, lo que ha destruido todos para nosotros.
No sería un problema si originalmente dijera usar una relación de aspecto 1:1, no lo hizo, así que hicimos versiones individuales de la imagen principal del banner (y no del logo cuadrado) manteniendo la misma forma y diseño, para cada sección.
Esto parece que funcionará, solo tendré que jugar con el tamaño, ¡gracias!
Editar: No funciona en dispositivos móviles, ya que saca el texto de la caja y estira la página horizontalmente. Lo arreglé con
@media (max-width: 768px) {
.category-heading {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.3em; /* Añade un espacio mínimo entre el logo y el texto */
}
.category-heading__logo.category-logo.aspect-image {
height: 140px;
width: auto;
margin-bottom: 0; /* Elimina el espacio extra */
}
.category-heading__title {
font-size: 1.4em;
margin-top: 0; /* Evita el espacio extra encima del texto */
}
}
Esto coloca el texto debajo del logo. Si alguien más lo necesita…
