Nav.post-controls с show-replies переполняется при определённых ширинах

Внести вклад UX
1

Привет! После обновления с версии 3.3.0.beta1 до 3.3.0.beta3 у меня возникла проблема: блок nav.post-controls выходит за пределы и нарушает адаптивную верстку, когда появляется кнопка show-replies. Это также происходит здесь с темами «Default» и «Default (full-width)» при разных ширинах браузера, независимо от наличия скроллера временной шкалы или боковой панели:

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

Пока я использую этот грязный CSS-хак, но было бы лучше, если бы было исправление в основной версии кода:

.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 { /* Предотвратить выход кнопки «Ответить» за пределы при очень узкой ширине */
        padding-right: 0px;
        .d-button-label {
            display: none;
        }   
    }
}
1 лайк
2

Похоже, что эта проблема связана с использованием более высоких уровней масштабирования и/или настройкой layout.css.devPixelsPerPx = 1.1 в about:config Firefox. Я также использую системный коэффициент масштабирования текста 1.1, но, по-моему, Firefox его не учитывает, поэтому мне приходится применять тот же обходной путь в about:config Firefox. Вот несколько других проблем с макетом, которые я обнаружил и которые связаны с уровнем масштабирования: