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

It’s just a tiny bit, but the uneven width of the numbers will cause the admin menu button on the left to bounce around when you scroll down (although it’s only a few pixels, but sometimes it catches my attention unexpectedly).

Perhaps using a monospaced font would improve the experience. :slightly_smiling_face:

5 Me gusta

Good suggestion! I don’t think we’d necessarily need to change the font… we could alternatively make sure the container for the numbers is always wider than the content so there’s some “buffer” space for them to expand without shifting the layout.

4 Me gusta

I just played around a bit with padding and ch units but nothing is really perfect. I think the monospace font idea is the better bet, but our current jetbrains one does look a bit off to me:

We could use ch units, but then for example 4ch will work up until 9/XX, 5ch will work till 99/XX and 6ch would cover almost everything (up to XX/100) but then it might get quite spacious for no reason most of the time?

Anyway maybe for now, I’ll implement the 6ch min-width, which should improve most topics.

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