11

Текст привилегии в 1000 реп. выходит за границы блока:

блок репутации

Можно наблюдать по ссылке.

14
  • 1
    А у меня нормально. Какой браузер используете?
    – αλεχολυτ Мод
    Commented 30 июн. 2017 в 10:35
  • @alexolut Chrome. кеш браузера чистил, но верстка этого блока всё равно плывёт.
    – Ragmon
    Commented 30 июн. 2017 в 10:38
  • у меня, правда, там другая совсем привилегия висит :) Так что не очень показательно.
    – αλεχολυτ Мод
    Commented 30 июн. 2017 в 10:40
  • 1
    @alexolut у меня эта проблема в браузерах: IE, Firefox, Chrome, Opera. Ссылка на мой профиль: ru.stackoverflow.com/users/29893/ragmon?tab=topactivity
    – Ragmon
    Commented 30 июн. 2017 в 10:49
  • У меня слишком много репутации, чтобы это увидеть))
    – Qwertiy Мод
    Commented 30 июн. 2017 в 12:23
  • @Qwertiy надо просто меньше нарцисцизма :)
    – αλεχολυτ Мод
    Commented 30 июн. 2017 в 12:41
  • @alexolut, просто нет переключателя на привилегии... А хотелось посмотреть, что там в разметке)))
    – Qwertiy Мод
    Commented 30 июн. 2017 в 12:49
  • @Qwertiy переключатель не нужен чтобы посмотреть на профиле ТС.
    – αλεχολυτ Мод
    Commented 30 июн. 2017 в 12:56
  • @alexolut, на что жать? Я вот такое у него вижу: i.sstatic.net/WFgVy.png UPDATE: разобрался: я метапрофиль смотрю вместо основного
    – Qwertiy Мод
    Commented 30 июн. 2017 в 12:59
  • @Qwertiy я же ссылку перенёс из коммента в вопрос. Надо на основном сайте смотреть, а не на Мете профиль.
    – αλεχολυτ Мод
    Commented 30 июн. 2017 в 13:00
  • 1
    Проблему подтверждаю - точно такая же ситуация. Во всех браузерах, в том числе и в Safari. P.S.: кстати говоря, к делу это не относится, но всё же - у меня такая же след. привилегия. =_=
    – NekoCoder
    Commented 30 июн. 2017 в 19:42
  • 1
    Проблема у пользователей с рейтингом 500-999 Commented 12 июл. 2017 в 13:26
  • 1
    @alexolut, такая же проблема у пользователей с рейтингом 2500-2999 Commented 13 июл. 2017 в 8:32
  • @ragmon Добавьте, пожалуйста, тег дизайн. Потому что вопрос касается верстки. У меня нет права на редактировние вопроса. Решение привел ниже в ответе. Commented 4 авг. 2017 в 8:10

3 ответа 3

4

Проблема: переполнение текста в блоке привилегий

На странице профиля пользователя на вкладке «Активность» в блоке «След. привилегия» происходит переполнение текста.

введите сюда описание изображения

Возможное решение

Изменить следующие стили (/* + */ — что было добавлено)

.s-progress-bar._privilege .-info .-icon {
    margin-right: 4px;
    width: 14px;
    color: #6a737c;
    margin-left: 4px; /* + */
}

.s-progress-bar._privilege .-info .-label {
    margin-left: 2px;
    white-space: nowrap;  /* + */
    overflow: hidden;  /* + */
    text-overflow: ellipsis;  /* + */
    display: inline-block;  /* + */
}

Не забыть к span добавить title. Чтобы при наведении можно было прочитать полностью статус.

<span class="g-col fl-none -label" title="Просмотр голосов, карточка участника, которую можно расширить">Просмотр голосов, карточка участника, которую можно расширить</span>

Как будет выглядеть после изменений

введите сюда описание изображения

1
  • 1
    эх, уже листья упали, а изменений нет
    – Blacknife
    Commented 10 окт. 2017 в 10:28
7

Видимо, проблему снова нужно решать более коротким переводом, т.к. на enSO исходный текст помещается:

1000 rep priviledge

Я, правда, не помню, что там было раньше. Или проблема была всегда? Сейчас, насколько я знаю, происходит переделка по дизайну профиля.

Если определиться с переводом, то проблему дизайна будет легко решить.

9
  • 6
    Да заставить их давно пора нормально верстать!
    – Qwertiy Мод
    Commented 30 июн. 2017 в 13:00
  • Надо line-height: 1; и упихать перевод в 2 строки. А центрирование там нормально сделано, вроде.
    – Qwertiy Мод
    Commented 30 июн. 2017 в 13:03
  • 4
    @Qwertiy заставлять надо на MSE хотя бы. Но вообще там частенько и хорошо кладут на проблемы неанглийских сообществ. Действовать приходится только через CM.
    – αλεχολυτ Мод
    Commented 30 июн. 2017 в 13:06
  • 1
    overflow hidden
    – user245150
    Commented 2 июл. 2017 в 12:51
  • @Duoxx это Вы к чему?
    – αλεχολυτ Мод
    Commented 2 июл. 2017 в 12:53
  • можно прописать для этой таблички
    – user245150
    Commented 2 июл. 2017 в 13:00
  • @Duoxx Кажется, раньше и был overflow:hidden с плавным градиентом в цвет фона. Commented 2 июл. 2017 в 13:53
  • "see votes, expandable usercard", первоначально переведено было как "просмотр голосов, разворачиваемая карточка" (by NickVolynkin, 2 years ago), но вряд ли в одну строку умещалось (хотя скорее всего разбивалось только на 2 строки). Добавил вариант перевода "Просмотр голосов, расширяемая карточка участника".
    – insolor
    Commented 13 авг. 2017 в 12:01
  • @insolor надо старый дизайн где-то подсмотреть, так как я не помню, чтобы раньше тут была проблема. Видимо, перенос всё же был.
    – αλεχολυτ Мод
    Commented 13 авг. 2017 в 12:28
0

Похоже, это решено:

введите сюда описание изображения

1
  • Only because text was shorten. I can't call it "fixed" (: Commented 5 янв. 2020 в 18:25

Войдите, чтобы ответить на этот вопрос.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .