Haz que el progreso del tema en la vista móvil use números de ancho fijo

Es solo un poquito, pero el ancho desigual de los números hará que el botón del menú de administración a la izquierda rebote al desplazarse hacia abajo (aunque son solo unos pocos píxeles, a veces me llama la atención inesperadamente).

Quizás usar una fuente monoespaciada mejoraría la experiencia. :slightly_smiling_face:

5 Me gusta

¡Buena sugerencia! No creo que necesariamente necesitemos cambiar la fuente… alternativamente, podríamos asegurarnos de que el contenedor de los números sea siempre más ancho que el contenido para que haya un “espacio de amortiguación” para que se expandan sin cambiar el diseño.

4 Me gusta

Solo jugué un poco con el relleno y las unidades ch, pero nada es realmente perfecto. Creo que la idea de la fuente monoespaciada es la mejor opción, pero la nuestra actual de JetBrains me parece un poco rara:

Podríamos usar unidades ch, pero entonces, por ejemplo, 4ch funcionará hasta el 9/XX, 5ch funcionará hasta el 99/XX y 6ch cubriría casi todo (hasta XX/100), pero ¿entonces podría resultar bastante espacioso sin motivo la mayor parte del tiempo?

De todos modos, tal vez por ahora implementaré el min-width de 6ch, lo que debería mejorar la mayoría de los temas.

Editar: UX: improve progress styling on mobile by chapoi · Pull Request #34886 · discourse/discourse · GitHub

Este tema se cerró automáticamente después de 5 días. Ya no se permiten nuevas respuestas.