こんにちは。3.3.0.beta1 から 3.3.0.beta3 にアップグレードして以来、nav.post-controls がオーバーフローして、show-replies ボタンが表示されたときに fluid layout が壊れる問題が発生しています。これは、「デフォルト」および「デフォルト（フル幅）」テーマでも、ブラウザの幅、タイムラインスクローラーの有無、サイドバーの有無によって発生しています。
これは現時点での私の dirty CSS hack ですが、適切な upstream fix が望ましいです。
.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 { /* Prevent Reply button overflow with very narrow widths */
padding-right: 0px;
.d-button-label {
display: none;
}
}
}
「いいね！」 1
この問題は、高いズームレベルの使用や、Firefox の about:config 設定 layout.css.devPixelsPerPx = 1.1 に関連しているようです。私も OS レベルのテキストスケーリング係数 1.1 を使用していますが、Firefox はそれを尊重しないと思うため、Firefox の about:config に同じハックを適用する必要があります。ズームレベルに関連するその他のレイアウトの問題を以下に示します。
