Наложение высоты скроллера таймлайна из-за текста в две строки

Я обнаружил ошибку в стилях: в русской локализации скроллер временной шкалы перекрывает дату начала, возможно, из-за того, что текст немного длиннее, чем в английском варианте, и переносится на две строки. Изображения ниже показывают проблему в двух локализациях, но в рамках одной темы.


2 лайка

Большое спасибо за сообщение об этой проблеме. Не могли бы вы предоставить нам немного больше информации? Я попытался воспроизвести проблему, используя функцию «Перевести страницу» на нашем тестовом экземпляре try.discourse.org, но не смог стабильно воспроизвести то, что вы наблюдаете.

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

Это немного сложно воспроизвести.

(в китайской локали)

  1. Подготовьте длинную тему с множеством сообщений, например 200. При этом не читайте её или прочитайте только в самом начале, например первые 10 сообщений.
  2. Откройте тему и прокрутите ползунок прокрутки вверх. Затем на ползунке появится кнопка «Назад». Убедитесь, что индикатор прогресса достаточно высок и может находиться внутри ползунка, если ползунок прокрутки достиг верха.
  3. Продолжайте прокручивать вверх, пока ползунок не достигнет даты начала или не окажется очень близко к ней.

И вы увидите наложение.

1 лайк

Неделю назад я выпустил обновление для Discourse, которое пытается решить эту проблему более эффективно:

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

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

Информация о дате на временной шкале немного дублирует даты в самих сообщениях, поэтому это казалось разумной компромиссной мерой для предотвращения проблем, при которых макет ломается.

2 лайка