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