Nav.post-controls mit show-replies Überschreitet bei bestimmten Breiten

UX
1

Hallo, seit dem Upgrade von 3.3.0.beta1 auf 3.3.0.beta3 habe ich ein Problem mit dem Überlaufen von nav.post-controls, das das flüssige Layout bricht, wenn der show-replies-Button erscheint. Dies geschieht auch hier mit den Themes „Standard“ und „Standard (Vollbild)“ bei unterschiedlichen Browserbreiten, mit/ohne den Timeline-Scroller und mit/ohne die Seitenleiste:

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

Das ist mein provisorischer CSS-Hack, aber eine ordnungsgemäße Behebung im Upstream wäre besser:

.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 { /* Verhindert Überlaufen des Antwort-Buttons bei sehr schmalen Breiten */
        padding-right: 0px;
        .d-button-label {
            display: none;
        }   
    }
}
1 „Gefällt mir“
2

Es scheint, dass dieses Problem mit höheren Zoomstufen und/oder der Firefox about:config-Einstellung layout.css.devPixelsPerPx = 1.1 zusammenhängt. Ich verwende auch einen OS-weiten Textskalierungsfaktor von 1,1, aber ich glaube nicht, dass Firefox diesen berücksichtigt, weshalb ich denselben Hack auf Firefox’ about:config anwenden muss. Hier sind einige andere Layout-Probleme, die ich im Zusammenhang mit der Zoomstufe gefunden habe: