Входящие PM: .user-main .controls нарушают адаптивную ширину макета

Привет! Здесь, на Discourse Meta, и на моём экземпляре Discourse кнопка «Развернуть» в личных сообщениях .user-main .controls выходит за пределы ширины окна браузера, даже при разумной ширине окна, составляющей примерно 2/3 от разрешения моего экрана 1920x1080. Результат одинаков в Firefox и Chromium:

3 лайка

Эти кнопки теперь должны переноситься и больше не выходить за границы

2 лайка

Спасибо, @Kris, что вспомнили об этом!
Неужели это исправление попадёт в стабильную ветку 3.3?

1 лайк

Нет, я так не думаю. Проблема с интерфейсом, подобная этой, обычно считается незначительной, а перенос изменений в стабильную версию — это обычно более сложный процесс, который применяется только к ошибкам, нарушающим функциональность или вызывающим проблемы с безопасностью.

Тем временем вы можете добавить немного CSS в свою тему или отдельный компонент темы, чтобы улучшить макет.

.desktop-view .user-main .about.collapsed-info .controls > ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: end;
}

Это не так полно, как решение, внедрённое непосредственно в Discourse, но позволит элементам управления переноситься и избежать переполнения, пока вы не сможете обновиться.