Petit bug esthétique lors du chargement de /latest

Contribuer UX
1

La liste des catégories se déplace brusquement vers la droite après le chargement, comme on peut le voir ici :

ZfvKuJPUOr2Tu
Je ne vois généralement pas cela lors du premier chargement, mais les rechargements successifs de /latest suffisent à le provoquer. J’ai eu du mal à le constater sur Meta pendant un certain temps (jusqu’à ce que j’écrive littéralement ce sujet), mais cela se produit systématiquement sur mon forum (et apparemment sur Meta maintenant, pour moi).

Découvert avec Chrome/Windows 7 sur ordinateur de bureau, reproduit sur Firefox. L’effet est d’autant plus marqué que la fenêtre est large. Cela semble se produire uniquement lorsque connecté ; je ne vois pas ce comportement en navigation anonyme. Oubliez ça, je parviens maintenant à le reproduire anonymement sur Firefox et Chrome sans trop d’effort.

2

This is a long standing UX bug we have ideally I want us to change the way we size that the topic list uses table-layout: fixed; … @awesomerobot is that doable?

General repro is to keep scrolling down the list of topics.

The problem here is the “categories” column. It very hard to pick a “right size” for it, category names can be super long or short. I guess we could cap it at 150px and then people can do what they will on the site they host if it is too short or long.

2 « J'aime »
3

I remember getting this bug on my forum.. I never had this issue on meta so I thought it was due to some modifications on my customize section. I corrected it by adding a fixed width to this column, I didn’t know how to fix it otherwise

.topic-list td.category {
    width: 145px;
    font-size: 1em;
}

But this wouldn’t work on every forums due to categories’ names lengh

2 « J'aime »
4

Oh weird, I just noticed this fairly recently - maybe not very noticeable in certain circumstances (and/or I’m blind except right now).

Cool though, just reportin’ in. :slight_smile:

5

It’s problematic if sites have enormously long category names. We try to strongly discourage this, and put forced ellipsis on catergory badge length. So in theory we could set category column to a fixed width of maximum “allowed” category badge width..