Кнопки выпадающего меню пользователя переносятся

Только что заметил, что у меня эти кнопки переносятся на Meta и Review:

(Chromium на Linux)

3 лайка

Может быть, стоит @awesomerobot посмотреть на это завтра?

2 лайка

У меня не удаётся воспроизвести это на Windows/MacOS… Подозреваю, что проблема в добавлении полосы прокрутки, которая влияет на ширину… Поэтому я немного уменьшил максимальную ширину имени пользователя и сократил отступы на несколько пикселей.

2 лайка

После некоторых расследований выяснилось, что виновник вот он (в настройках Chromium)

независимо от уровня масштабирования

5 лайков

О, это полезно! Думаю, я смогу найти более качественное решение этой проблемы.

6 лайков

Отлично, это хорошее исправление! Мне удалось убрать часть жёстко заданных ширины в этой области меню, так что теперь мы можем лучше справляться с ситуациями, когда там слишком много контента.

В гибкой верстке я отдаю приоритет пространству для иконок, поэтому они никогда не будут переноситься, а вместо этого будут усекать имя пользователя по мере необходимости. С другой стороны, это также означает, что мы в целом лучше справляемся с усечением имени пользователя: длинные имена будут усекаться меньше, чем раньше (когда доступно больше места при шрифте по умолчанию)…

4 лайка

О, гораздо лучше! Супер, даже:

:объятия:

3 лайка

Можешь применить ту же магию к меню :wrench:?

Средний:

vs Большой:

6 лайков

Это должно помочь, похожая проблема… У нас там была жёстко заданная ширина. Теперь масштабирование при изменении размера шрифта должно работать лучше:

4 лайка