Незначительные несоответствия в интерфейсе кнопки user-menu-billing

,

image

Как видно на скриншоте, все остальные кнопки, кроме «Billing», содержат только SVG-иконку без текста, тогда как у кнопки «Billing» есть и текст, что создаёт визуальное несоответствие.

Не лучше ли убрать текст? Мне кажется, иконки достаточно.

PR для удаления этого текста доступен здесь:

1 лайк

Отличное замечание, спасибо, что подняли эту проблему, @small-lovely-cat! Действительно, выглядит довольно неловко, когда в вашем интерфейсе есть только одна иконка с текстом.

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

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

4 лайка

Окей, спасибо за быстрый ответ~
Исправленная версия PR здесь, а старая закрыта (GitHub не дал мне слить её >﹏<).

3 лайка

Ещё раз спасибо @small-lovely-cat, я одобрил и влил PR :slight_smile:

3 лайка

Эта тема была автоматически закрыта через 18 часов. Новые ответы больше не принимаются.