¿Aún puedes reproducir esto? Por ahora no puedo hacerlo localmente.
Horizon utiliza el componente de ancho completo, así que si usaras el tema de Foundation (ancho completo), creo que verías lo mismo.
Así que, si bien estoy de acuerdo en que no es el diseño más atractivo, esto es actualmente lo esperado para todos los temas que usan un diseño de ancho completo, sí.
Las capturas de pantalla muestran que es diferente en Horizon y Foundation 
¿O me estoy perdiendo algo?
¡Oh! Necesito revisar eso. ¡No sabía que había una distinción!
No parece que haya instalado Foundation de ancho completo, ¿intenté buscar en meta y no apareció?
No es un tema específico, es este componente: Componente de ancho completo de Discourse
2 Me gusta
Actualmente estamos utilizando el componente de tema Custom Header Links. No creo que sea un problema insuperable para nosotros, pero me gustaría tener una idea de si se está considerando dar soporte o no: ¿sigue en consideración para la compatibilidad con Horizon? ¿Alguna idea de cuánto trabajo implicaría?
1 me gusta
Actualmente no estamos planificando ningún trabajo nuevo de compatibilidad. No digo que nunca suceda, pero para que se añada la compatibilidad de algún componente a la hoja de ruta, dependerá de cuántas solicitudes recibamos al respecto.
No estoy muy seguro, pero creo que podría ser viable. El principal conflicto será con la configuración del banner de bienvenida, que utiliza el mismo outlet. Por lo tanto, si lo desactivas por completo o lo configuras así:
creo que podría funcionar bastante bien directamente desde el inicio.
1 me gusta
Puedes probar este CSS en un componente de tema e incluirlo en el tema Horizon:
@use "lib/viewport";
// ** aplicar solo a escritorio y tamaños de ventana más grandes **
@include viewport.from(lg) {
.container,
.list-controls {
margin-inline: 0!important;
}
}
1 me gusta
Hmm, no puedo reproducir esto en mi iPhone 15 con las últimas versiones de Chrome, Safari o Firefox.
¿Qué dispositivo y navegador estás usando? Parece extraño que intente cargar los fragmentos allí.
1 me gusta
Lo probé en un escritorio usando el navegador Chrome. Simplemente ajusté el tamaño de la pantalla para que coincidiera con el de un teléfono usando F12. Al actualizar la página desde la caché (Ctrl + F5), el problema persiste.
Sí, acabo de probarlo en Chrome de mi escritorio con la consola para móvil y aún así no puedo reproducirlo.
3 Me gusta
Vale, quizás este problema desaparezca después de una actualización de Chrome (aunque creo que tengo la última versión). Bueno, qué le vamos a hacer.
Tengo una pregunta más. ¿Por qué ese bloque con la selección de etiquetas y los botones no se oculta cuando hago scroll hacia abajo? ¿Solo me pasa a mí o le ocurre a todo el mundo? Ocupa bastante espacio en la pantalla; tendría sentido ocultarlo al hacer scroll hacia abajo.
2 Me gusta
Eso parece ser el comportamiento esperado para el tema Horizon (probablemente para mostrar siempre en qué categoría o etiqueta se encuentra el usuario), pero coincido en que ocupa demasiado espacio estar anclado allí al hacer scroll. Parece que los selectores de migas de pan para categorías y etiquetas están dentro del navigation-container.
2 Me gusta
En pantallas de teléfonos móviles más pequeñas, estos dos botones ocupan demasiado espacio del contenido de la lista de títulos.
Creo que la tendencia en la densidad de información es hacia diseños más compactos. Mi enfoque fue eliminar la propiedad fixed de esta fila en el CSS.
1 me gusta
Sí, eso parece ser el comportamiento esperado, por desgracia. El botón de fijar y los botones de notificaciones del tema están fuera del div topic-footer-main-buttons. Al menos, esos dos botones deberían estar en su propia fila juntos, pero sería definitivamente más ideal si pudieran renderizarse dentro de la fila de botones principales del pie del tema aquí.
2 Me gusta