Nav.post-controls avec show-replies déborde à certaines largeurs

UX
1

Salut, depuis la mise à niveau de 3.3.0.beta1 vers 3.3.0.beta3, j’ai un problème avec le débordement de nav.post-controls qui casse la mise en page fluide lorsque le bouton show-replies apparaît. Cela se produit également ici avec les thèmes « Par défaut » et « Par défaut (pleine largeur) » à différentes largeurs de navigateur, avec/sans le défilement de la chronologie, et avec/sans la barre latérale :

Screenshot from 2024-07-03 17-40-15
Screenshot from 2024-07-03 17-40-151116×1055 187 KB

Screenshot from 2024-07-03 18-31-32
Screenshot from 2024-07-03 18-31-32960×1055 159 KB

Screenshot from 2024-07-03 17-41-32
Screenshot from 2024-07-03 17-41-32622×1055 130 KB

Voici mon hack CSS temporaire, mais une correction appropriée en amont serait préférable :

.topic-post .post-controls .show-replies {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 5px);
    padding: 1px;
}

@media only screen and (max-width: 675px) {
    .topic-post .post-controls {
        --control-margin: 0;
    }
    
    .topic-post .post-controls .reply { /* Empêche le débordement du bouton Répondre avec des largeurs très étroites */
        padding-right: 0px;
        .d-button-label {
            display: none;
        }   
    }
}
1 « J'aime »
2

Il semble que ce problème soit lié à l’utilisation de niveaux de zoom plus élevés et/ou au paramètre layout.css.devPixelsPerPx = 1.1 de Firefox dans about:config. J’utilise également un facteur de mise à l’échelle du texte au niveau du système d’exploitation de 1.1, mais je ne pense pas que Firefox en tienne compte, c’est pourquoi je dois appliquer le même correctif à about:config de Firefox. Voici d’autres problèmes de mise en page que j’ai trouvés liés au niveau de zoom :