🌅 Presentamos Horizon, nuestro tema más reciente

[sam (Sam Saffron)]

Para aquellos preocupados por el espacio, creo que es importante dividir la conversación en dos partes.

Optimal Line Length for Readability

WCAG recomienda mantener las líneas en 80 caracteres o menos para texto que no sea CJK. Nuestros diseños intentan tener esto en cuenta; Horizon está actualmente en ~76.

Entonces, hay dos conversaciones aquí:

1. No estoy de acuerdo con WCAG y los expertos en usabilidad; solo quiero que las líneas sean tan largas como yo quiera y no quiero que nadie imponga el límite de 80 caracteres.

2. Estoy de acuerdo con WCAG; simplemente creo que hay un truco de alineación alternativo que se puede usar para que las cosas se vean mejor.

Para las personas en (2), ¿pueden compartir una o dos capturas de pantalla que demuestren un mejor diseño para pantallas ultra anchas?

Para las personas en (1), creo que el enfoque aquí es “componente personalizado”.

[Moin]

@lindsey

¡Te daré seguimiento pronto!

¿Alguna novedad al respecto?

[tpetrov (Toni Petrov)]

¡El tema se ve genial!
Pero, ¿por qué no funciona con los resúmenes de IA expandidos aquí en Meta?

[asa]

Se trata más bien de que en una pantalla panorámica hay una gran mancha blanca, tengo algunos usuarios que también tienen una pantalla panorámica con comentarios similares de que molesta más que ayuda. No puedo decir “sí, esa es la directriz WCAG” o “compra una pantalla ‘normal’”.

Creo que la sugerencia de @SubStrider en Help us test Horizon, our newest theme - #70 by SubStrider es muy útil.

O tal vez se pueda centrar la navegación.

[lindsey (Lindsey Fogle)]

@Moin

¿Alguna novedad sobre esto?

Aún no hemos llegado a esto, pero está en nuestra lista para solucionarlo.

En realidad, uno de mis colegas acaba de echar un vistazo y confirmó que la única cadena adicional agregada por Horizon (la descripción del tema) ya está disponible en Crowdin. Así que deberíamos estar listos en ese frente.

[Moin]

@lindsey

Así que deberíamos estar listos en ese frente.

Pensé que el tema también tiene 2 configuraciones cuyas descripciones deberían traducirse. ¿Deberían permanecer en inglés, debería agregarlas a ese archivo, deberían moverse al archivo en.yml para que puedan traducirse fácilmente en Crowdin o planea eliminarlas ahora que se han agregado configuraciones de sitio temáticas?
https://github.com/discourse/discourse/blob/main/themes/horizon/settings.yml

[Moin]

@Moin

¿ planeas eliminarlos ahora que se han agregado la configuración del sitio personalizable?

DEV: Use themeable site settings for Horizon

Afortunadamente, esperé pacientemente una actualización. Pensé por un tiempo si debería simplemente crear una solicitud de extracción para mover los textos. Obviamente, eso habría sido una pérdida de tiempo.

[Jagster (Jakke Lehtonen)]

Bueno, yo no.

Desactivé Horizon en mi foro porque con demasiada frecuencia había preguntas sobre cómo iniciar un tema. Los usuarios de dispositivos móviles rara vez usan la barra lateral.

Pero esa pregunta se discute y la demanda de hacer clic adicionalmente para realizar una de las funciones básicas en los foros no se consideró un problema

[Jagster (Jakke Lehtonen)]

Bueno…

Help us test Horizon, our newest theme

DiscourseHub and mobile: [This image shows a screenshot of the Google Assistant interface and Windows settings on a smartphone with a 31% battery level. (Tekoälyn laatima kuvateksti)] Forcing to use the sidebar to start new topic wouldn’t be the smartest move, if the target is not the most skilful users (specially when a mobile is used)

(Alguien preguntó recientemente en otro tema cuándo los usuarios usarían la cita completa. Este podría ser un ejemplo, ya que marcaré estas dos últimas publicaciones para que se muevan al tema sugerido, y entonces la cita completa daría algo de contexto)

[chapoi]

Mini actualización:

Basándonos en algunos comentarios que recibimos (antiguos y nuevos), decidimos traer de vuelta el botón Crear tema en dispositivos móviles.

Lo encontrarás de nuevo en su antigua ubicación. La nueva versión de la barra lateral también permanecerá.

[Nick-Permaculture (Nick J)]

@chapoi

Basándonos en algunos comentarios que recibimos (antiguos y nuevos), decidimos traer de vuelta el botón de Crear tema en dispositivos móviles.

Lo encontrarás de vuelta en su antiguo lugar. La nueva versión de la barra lateral también permanecerá.

Gracias por esto. Todavía no veo el botón de nuevo tema en el móvil, ni en la aplicación ni a través del navegador, sin hacer clic primero en el menú hamburguesa. Estoy en la versión más reciente de Discourse y uso el tema Horizon. ¿Alguna idea?

EDITAR: El equipo me ayudó a diagnosticar esto. Si estás ejecutando la Rama Estable de Discourse 3.5.0, el botón de nuevo tema no se mostrará en el móvil porque el commit no se agregará hasta que se publique la próxima versión estable. Si necesitas habilitar el botón de nuevo tema en el móvil antes de que eso suceda, puedes usar este código CSS personalizado:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}

[newkid (Chris)]

Hola @lindsey. Tenemos una suscripción inicial y soy nuevo en esta comunidad-Meta. Pero acabamos de cambiar a Horizon y ya estamos recibiendo excelentes comentarios. Así que gracias a todos por todos sus esfuerzos en la creación de Horizon. ¡Tendrá un impacto en nuestra comunidad y nos ayudará en nuestra misión de reequilibrar la ecuación inmobiliaria para todos!

[cmahns (Colin Mahns)]

¿Hay alguna documentación sobre cómo se selecciona el color de fondo de la barra lateral/encabezado a partir de los esquemas de color? La guía de marca y estilo de mi organización está produciendo un fondo muy rosado como resultado de nuestros colores, y Horizon está determinando que #ffecea es un color para elegir que no está ni en nuestro libro de marca ni en el tema.

El tema actual es el siguiente:

{
“name”: “DSA Horizon Light”,
“light”: {
“primary”: “231F20”,
“secondary”: “ffffff”,
“tertiary”: “F04C53”,
“quaternary”: “EC1F27”,
“header_background”: “ffffff”,
“header_primary”: “3B3838”,
“selected”: “eae7e8”,
“hover”: “f2f1f1”,
“highlight”: “F5EBD6”,
“danger”: “F7A5A9”,
“success”: “009d63”,
“love”: “EC1F27”
“tertiary-med-or-tertiary”: “39845b”
}
}

[chapoi]

El fondo se deriva del color terciario, #595bca en el siguiente ejemplo

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

Definido en este archivo _color_definitions_entrypoint.scss

Si necesita que sea un rosa más claro, tendría que modificar los valores; cambiar 96% → 98% por ejemplo producirá un rosa más claro

[David_Ghost]

¿Hay alguna configuración para tener el tema en un color unificado, como este?

[Moin]

Creo que depende de la paleta de colores que selecciones. Puedes averiguar cuál estás usando aquí en Meta en tus preferencias, y luego configurar eso para Horizon en tu sitio.