Sí, la alineación del título es un problema conocido con el que hemos decidido convivir por ahora, desafortunadamente nuestras opciones para alinear el título con el contenido de la publicación están limitadas por la estructura HTML de Discourse. Esperamos que sea algo que podamos solucionar en los próximos meses.
De acuerdo, tengo dos sugerencias más, como se muestra en la figura, las partes marcadas con líneas rojas son las que creo que se pueden mejorar:
-
El encabezado es demasiado ancho y ocupa demasiado espacio, se recomienda reducir un poco la altura.
-
Comparando el lado derecho con el izquierdo, el ancho del lado izquierdo es mayor y el contenido es denso, mientras que el ancho del lado derecho es menor y una vez que hay un fondo de color, pierde claramente el equilibrio. Cuanto más grande es la pantalla del monitor, más incómodo es.
Sugiero usar un color de fondo gris claro, aumentar el ancho de la barra lateral derecha y agregar algunos botones de función expandibles. Encontré un caso de referencia de estilo similar:
Referencia https://mail.google.com/chat
Mi opinión:
Dramático para usar en una vista amplia
Alineación y aspecto del botón Nuevo tema
Y como es tan prominente, me molesta mucho.
Alineación inferior izquierda
Alineación superior derecha
Alineación del logo e iconos
El color de fondo de la barra lateral desaparece al redimensionar
¿Supongo que debido a puntos de interrupción de medios inconsistentes?
Alineación de los iconos
¿Bienvenido de nuevo? Nunca me fui.
Me dan ganas de citar a LL Cool J ![]()
Acabo de notar que las etiquetas y el contador de mensajes no leídos cuando se está siguiendo el tema, no aparecen en la vista de lista de temas.
Creo que esto es intencional para ahorrar espacio, estás entrando en anchos móviles. Hay otro error menor con las esquinas de las cajas que aún aparecen en tu video, pero creo que ya se ha corregido porque no puedo reproducirlo.
:pensando: ¿Cómo ahorra espacio la eliminación del color de fondo de la barra lateral?
Hay una consulta de medios donde el color de fondo se establece en secondary a menos de 850 px, mientras que la barra lateral desaparece a 767 px.
El problema de la esquina efectivamente ha desaparecido.
Otro punto de interrupción inconsistente es a exactamente 768 px de ancho, donde reaparece el fondo azul claro del área del tema.
en realidad no es solo el color de fondo, también es la eliminación del contenedor de contenido separado
cuando la barra lateral y el contenido están en contenedores separados, necesita relleno entre el contenido y los bordes de los contenedores en ambos
cuando se eliminan los contenedores, solo necesita espacio entre los elementos, por lo que termina reduciendo a la mitad el relleno necesario
Sí, esto parece un espacio de 1px en las consultas de medios en algún lugar, debería ser una solución fácil (editar: acabo de fusionar una)
¡Ahhh, gracias por la explicación!
Hola,
En la sección de la línea de tiempo, como puedes ver en la imagen adjunta, parte del texto relacionado con las fechas (como “1” y “5”) se desborda de su contenedor y no se muestra correctamente.
Estoy utilizando el componente Google Fonts con una fuente personalizada en mi tema.
Gracias por tu trabajo.
La densidad de la información es demasiado baja, sería bueno tener una opción para ajustar el espaciado.
¡Guau! Acabo de entrar en este hilo para sugerir exactamente lo mismo. Sería genial tener una opción para ajustar la densidad y el tamaño de los elementos.
El tamaño de fuente y el espaciado son altos por defecto en Horizon en comparación con los otros temas. Entiendo que se hace para darle un aspecto más moderno, pero los usuarios avanzados pueden preferir ver diseños más densos. En pocas palabras, tal vez un zoom del 90% pero con los elementos ajustados para que encajen en el espacio negativo que queda.
Para nosotros, diseñadores y desarrolladores, esto no es inmediatamente obvio ya que trabajamos en pantallas de alta resolución, pero para los usuarios que todavía están en pantallas de menor resolución, todo se ve demasiado grande.
Para el propósito declarado de este tema (“administradores no técnicos y miembros habituales”), tener fuentes más grandes, más espacio en blanco y una menor densidad general de información parece una buena idea. Discourse está bastante ocupado por defecto.
Una nota adicional: en la lista de temas, esperaría que hacer clic en cualquier lugar permitiera entrar en un tema (ya que su borde está resaltado como un botón). El comportamiento actual es que tienes que hacer clic en el título del tema.
Se ha utilizado durante un tiempo, la experiencia en la pantalla pequeña del portátil es muy buena, pero la experiencia en la pantalla grande no es lo suficientemente buena. Se recomienda utilizar un modo de lectura de dos paneles como Google Chat en la pantalla grande.
Asunto: Problema de visualización de cuadros de categoría con el tema Horizon (idioma RTL utilizado)
Hola,
Estoy utilizando el tema Horizon en mi foro de Discourse y he encontrado un problema de visualización con los nombres de las categorías.
Después de activar el tema Horizon, los cuadros que rodean los nombres de las categorías son significativamente más grandes que el texto que contienen, lo que resulta en una apariencia visual incómoda. Esto se muestra en la captura de pantalla adjunta.
Tenga en cuenta: Mi foro utiliza el idioma persa, que es un idioma de derecha a izquierda (RTL). El problema persiste incluso cuando no tengo ningún componente habilitado para el tema.
¿Podría por favor investigar esto? Cualquier orientación sobre cómo resolver este problema de estilo sería muy apreciada.
¡Gracias!
Asunto: Problema de visualización de la línea de tiempo: aparece como dos líneas (idioma de derecha a izquierda utilizado)
Hola de nuevo,
He notado otro problema de visualización al usar el tema Horizon en mi foro de Discourse.
La barra de línea de tiempo en los temas se está representando de manera diferente a la esperada. En el sitio de demostración oficial del tema Horizon, la línea de tiempo aparece como una sola línea continua. Sin embargo, en mi foro con el tema Horizon activo, la línea de tiempo se muestra como dos líneas separadas.
He adjuntado capturas de pantalla que comparan la línea de tiempo en el sitio oficial y en mi foro para ilustrar esta diferencia.
Tenga en cuenta: Mi foro utiliza el idioma persa, que es un idioma de derecha a izquierda (RTL). El problema persiste incluso cuando no tengo ningún componente habilitado para el tema. Estoy utilizando la última versión de este tema.
¿Podría por favor indicarme qué podría estar causando esta división en la visualización de la línea de tiempo y cómo se puede corregir para que se muestre como una sola línea?
¡Gracias por tu ayuda!
Gracias por todos estos informes; no puedo prometer que se resolverá de inmediato, pero estoy tomando nota para investigar los problemas de RTL sin duda.
Muchas gracias
Este espacio en blanco adicional a la izquierda y a la derecha del contenido del tema es de lo que estaba hablando. No se ve uniforme. Idealmente, me gustaría una opción para que ocupe todo el ancho, o al menos esté alineado a la izquierda en lugar de centrado. De todos modos, puedo anularlo usando CSS personalizado, pero solo lo informo en caso de que haya consenso en la estética.
Este componente Topic List Thumbnails no funciona con el nuevo tema. ¡Hasta ahora me gusta el nuevo tema! Pero podría ser mejor, si por ejemplo usara menos espacio. Un poco menos de relleno podría hacerlo escalar mejor.
Además, el banner de etiquetas y categorías podría integrarse mejor. Las esquinas redondeadas no tienen sentido, creo.
El modo Lector utiliza fuentes y tamaños diferentes, que son más pequeños que los utilizados en el tema Horizon. Lo que hace que el modo Lector sea más difícil de leer.
Además, las etiquetas ya no se enumeran. Creo que es muy importante mostrar las etiquetas. Al igual que las categorías, las etiquetas pueden ayudar a comprender los temas en el diseño general.
Al usar la vista móvil y seleccionar algunas publicaciones, las opciones de selección flotan sobre el resto de la página cuando comienzas a desplazarte hacia abajo.
Además, al seleccionar la acción masiva “establecer categoría”, no aparecen categorías.
¡Sí! Creo que las etiquetas deberían formar parte de las tarjetas de tema. Al igual que las categorías, ayudan a comprender la lista de temas sin abrirla.
¡Sí! Un botón flotante de “nuevo tema” en la parte inferior derecha también podría funcionar. Pero lo mejor es mantener la coherencia con la experiencia predeterminada de Discourse.
He encontrado otro problema, uno menor. Con el tema predeterminado, estas cajas de categorías caben todas en una fila. Con este tema Horizon, solo tiene espacio para 3 cajas. Por supuesto, las diferencias en el relleno y otras cosas pueden hacer que eso suceda. Pero en caso de que esto no fuera intencional, he hecho mi parte al informarlo ![]()






















