Кейсы
Расширение отображения длинных названий в Scrum
Как доработать Scrum-доску, чтобы длинные названия спринтов и задач были видны полностью без открытия карточек.
В Scrum-доске Bitrix24 длинные названия спринтов и задач могут обрезаться. Из-за этого приходится открывать карточку или наводить курсор, хотя нужный текст лучше видеть сразу на доске.
Задача
Нужно было убрать ограничение стандартного интерфейса Scrum: сделать так, чтобы длинные названия спринтов и задач отображались полностью, но сама доска при этом оставалась привычной.
Показать длинные названия без открытия карточки
Название задачи часто содержит важные детали: этап, направление, клиента, тип работы или короткое описание проблемы. Когда видно только начало строки, доска становится менее информативной.
Нужно было расширить отображение в двух местах:
- в названии спринта;
- в названии задач внутри спринта.
При этом не требовалось делать новый интерфейс поверх Scrum. Задача была точечная: оставить стандартную доску, но убрать неудобное обрезание текста.
Проблема
Стандартная Scrum-доска ограничивает область названия. Если текст длинный, он обрезается, и часть смысла пропадает с экрана.
Названия спринтов и задач терялись на доске
Для коротких названий это почти незаметно. Но если на доске много задач с похожим началом, по первой части строки уже не всегда понятно, что именно нужно сделать.
Появляются лишние действия: открыть карточку, посмотреть полное название, вернуться на доску и снова найти нужную задачу. В ежедневной работе со Scrum это быстро начинает мешать.
Как выглядела доска до правки
Решение
Я сделал небольшую доработку отображения: длинные названия стали переноситься на несколько строк, а блоки с такими названиями начали корректно увеличиваться по высоте.
Перенос строк вместо обрезания
Короткие названия остались без изменений. Если текст помещается в одну строку, доска выглядит как раньше.
Если название длинное, оно больше не обрезается. Текст переносится на следующую строку, а элемент доски увеличивается по высоте и не перекрывает соседние блоки.
Такой вариант не перегружает интерфейс: доработка заметна только там, где стандартного отображения не хватает.
Подключение CSS/JS через local
Доработка подключена через локальную часть проекта. Были добавлены отдельные CSS и JS-файлы,
которые подключаются в init.php.
Скрипт находит элементы Scrum-доски с названиями спринтов и задач, добавляет служебные классы, а стили меняют отображение: разрешают перенос строк, убирают обрезание и корректируют высоту блоков.
Я не менял ядро Bitrix24. Это важно для сопровождения: доработку проще найти, отключить, поправить или перенести, если интерфейс Scrum изменится после обновления.
Результат
После доработки длинные названия спринтов и задач стали видны полностью прямо на Scrum-доске.
Как стала выглядеть доска
Доской стало удобнее пользоваться
По доске стало проще понять, что находится в работе. Похожие задачи легче отличать друг от друга, а полное название видно без лишних действий.
Доработка получилась небольшой, но полезной: стандартный Scrum остался на месте, а одно ограничение интерфейса перестало мешать ежедневной работе.