Что делать если в шапке сайта имя пользователя очень большое?

Question

[Bogdnan123]

Привет ребят, столкнулся с такой проблемкой: мне нужно выводить почту/номер пользователя в шапке, но когда длина почты большая, на устройствах с маленьким разрешением вся разметка рушится (на планшетах, для телефонов я убрал почту) , так как недостаточно места. Что в таком случае можно сделать?

Выглядит это так:

Comments

[Andrey Vasilev]

чтобы пользователь вдруг свою почту не забыл?)))
опять какие-то извращенные грезы заказчика

Answer 1

[Tim]

ну и ширину указать

white-space: nowrap; /* Запрещаем перенос строк */
overflow: hidden; /* Обрезаем все, что не помещается в область */
text-overflow: ellipsis; /* Добавляем многоточие */

Answer 2

[Антон Иванов]

Если вам очень нужно персонифицировать шапку - выводите только имя пользователя (в данном случае Dmitriy)

Comments

[Bogdnan123]

Не подскажите как примерно можно обрезать любой email начиная с @ ?

[Пашенька]

Bogdnan123, на джаваскрипте так:
'[e-mail]'.split('@')[0];
но делать это нужно на бекенде, а не на javascript, а какой у вас бэк - не указано.

[Bogdnan123]

Пашенька, firebase

[Bogdnan123]

Пашенька, понял, спасибо!