afwezigheidsbalk verstoord layout bij smal scherm

[Raven]

Sinds de afwezigheidsbalk op https://gathering.tweakers.net/forum/list_discussions staat is de layout verstoort, wat opgelost kan worden door het Firefox venster iets breder te maken. Ik heb 'm meestal iets minder dan 1000px breed.

Voor het (met vertraging) laden van de afwezigheidsbalk ziet dat er zo uit:

en na het laden van de balk verspringt de DM lijst ineens naar beneden:


Het venster zo'n 90px breder maken en de DM's staan weer op hun plek.

De schermgrootte instelling staat op desktop 16" en groter.

[DaFeliX]

Ik vraag @Marvellanius hier even naar te kijken, hij heeft dit gebouwd

[Marvellanius]

Ik heb een fix gereleased en hoop dat het probleem zo afdoende opgelost is

[Raven]

@Marvellanius Jup, de DM's blijven nu op de plek staan
Zag echter wel iets dat niet netjes is :


Het aantal DM draadjes en de grijze balk boven de DM lijst vallen heel iets over het folders-blok. Even vergroot met XnView om het wat beter op te laten vallen

[Marvellanius]

@Raven Ik krijg dit niet gereproduceerd; op welke resolutie exact krijg je deze overlap?

[Raven]

@Marvellanius De vensterbreedte bedoel je? Ik kan FF zo breed maken als ik wil (max 1920 van scherm) maar de overlap blijft. Ff geschecked of het custom CSS is, met Stylus uit geen verschil. Er is overigens wel een verspringing, eerst zie ik dit

dan komt (nog altijd met merkbaar aanwezige vertraging) dat afwezigheidsding en dan verspringt het naar die overlap.

[Marvellanius]

@Raven dat bedoelde ik inderdaad! Maar wel interessant; dit is namelijk hoe het bij mij in FF word getoond:

Ik zal de code weer even in duiken en kijken of ik er een touw aan vast kan knopen

[crisp]

Eigenlijk moet de layout van die pagina eens omgezet worden naar een nette grid/flexbox layout