El diseño de la página `Admin b7 Badges` está roto después de la actualización

Hola a todos.

Acabo de actualizar a Disourse 3.4.0.beta2-dev (cde4db1c6a) solo para encontrar que el diseño de la página de administración de Insignias está un poco roto.

La lista de insignias suele estar a la izquierda de la pantalla, lo que te permite administrar / agregar / editar las insignias en el lado derecho de la pantalla.

Pero así es como se ve ahora, hay un gran espacio vacío e inutilizable en el centro-izquierda:

1 me gusta

¿puedes probar el modo seguro? No puedo reproducir esto. :thinking:

1 me gusta

Hmm, está sucediendo en Safari y Chrome, ambos probados y replicados también en Modo Seguro.

Ok, gracias @Lilly - podría ser algo más que he cambiado en otro lugar, probablemente puedas ignorar esto :blush:

1 me gusta

Acabo de hacer un nuevo despliegue en mi sitio de prueba alojado y la administración de insignias funciona como se esperaba. Es extraño que esté haciendo eso en modo seguro.

También hice una verificación con el menú desplegable de encabezado en lugar de la barra lateral, así como usando el menú de navegación de administración antiguo, y todavía funciona como se esperaba.

4 Me gusta

Pasos para replicar:

  1. Cambie la configuración de idioma predeterminado a Inglés (Reino Unido):

  1. Recargue Discourse en una nueva pestaña y navegue a https://example.com/admin/badges donde el diseño ahora está roto:

  1. Cambie o restablezca la configuración de idioma predeterminado a su valor predeterminado de Inglés (EE. UU.):

  1. Recargue Discourse en una nueva pestaña y navegue a https://example.com/admin/badges donde el diseño ahora funciona perfectamente:

No tengo ni idea de cómo o por qué es así :thinking:

Pero un gran agradecimiento a @JammyDodger por destacar la causa raíz :blush:

¿Es este error algo que podría solucionarse? :thinking:

4 Me gusta

Gracias @Richie

Parece que hay un par de problemas aquí.

  1. A la traducción al inglés (Reino Unido) le falta la descripción nueva y más larga en la parte superior de la página. Esto se debe a que la clave ‘badges.description’ se ha reutilizado y no hemos realizado una actualización desde Crowdin desde entonces.

    Esto se resolverá de inmediato, cuando las traducciones se actualicen automáticamente.

  2. El diseño parece depender de la longitud de la descripción. En inglés de EE. UU., puedo reproducir el problema yendo a las herramientas de desarrollador y acortando la descripción.

    Incluso una vez que se actualice la cadena en inglés del Reino Unido, esto aún vale la pena solucionarlo porque es probable que otros idiomas que usan menos caracteres tengan el mismo problema.

    Parece que el cambio está relacionado con UX: Apply admin UI to Badges (#28724) · discourse/discourse@be5c37a · GitHub (cc @ella @martin)

6 Me gusta

Gracias por la información @david :smiley:

4 Me gusta

Estoy en Canadá y culpo al Reino Unido por esto. :riendo:

gracias Richie. Ni siquiera consideré la configuración regional :cara_dándose_golpes_en_la_frente:t2:

5 Me gusta

Esto está totalmente fuera de tema, pero no hay ningún inglés (CA), ¿verdad? Entonces, ¿usarías las configuraciones regionales del Reino Unido o de EE. UU.? Puede depender, por supuesto, pero en general.

3 Me gusta

nuestro material suele ser por defecto de EE. UU. Aquí no solemos decir “loo” ni “trousers”. jajaja

4 Me gusta

No hay problema, reclamaremos felizmente la propiedad de esto en nombre del resto del mundo :raised_hand:t2: :blush:

4 Me gusta

¡Gracias por darte cuenta!

Agregué un div contenedor para hacer el diseño más estable y solucioné el problema de inconsistencia al usar diferentes locales.

Debería estar solucionado con esta PR:

6 Me gusta

Todo mi país te agradece la rápida solución @ella :bowing_man:

3 Me gusta