Отображение области надзадачи на диаграмме и немного мелочей

[Кирилл Панькин]

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

Кажется разумным, чтобы на диаграмме, как минимум, продолжались разделительные линии надзадач верхнего уровня. А может быть даже полупрозрачные прямоугольники, охватывающие все подзадачи. Для надзадач верхнего уровня такие прямоугольники могут (опционально) отображаться постоянно, а для подзадач, являющихся в свою очередь надзадачами, эти прямоугольники можно отображать только по наведению мыши. Всё это дело, конечно, должно быть опциональным и может комбинироваться между собой (скажем, постоянно видимые разделительные линии и отображаемые по наведению мыши полупрозрачные прямоугольники).
UPD: Также представляется естественным добавить к вехам вертикальную черту (красную? веха же) в пределах задач проекта или на всей диаграмме.

Ещё хочется отметить, что на диаграмме визуально не отличаются обычные задачи от суммарных и последовательных задачи. Это может сбивает с толку при визуальном редактировании диаграммы.

И ещё, стрелочки зависимостей такие малюсенькие, аж еле видно их. Может быть их как-то пожирнее можно сделать?
 

[Dmitry Goncharenko]

Спасибо, сделаю задачу по этому поводу, пусть спецы по интерфейсу думают.

[Максим Миронов]

Стрелочки зависимостей реально потолще хочется, Очень уж они тонкие, а когда ещё ломанные... вглядываться приходится

[Кирилл Панькин]

Дмитрий, я тут решил расширить свои навыки в написании юзерскриптов для браузера и в качестве предмета для тренировок взял ПланФикс, тем более, что в нём есть что править при помощи таких скриптов (двух зайцев убить, так сказать). Ну и одна из интересующих тем — вот эта самая, прихорашивание диаграммы Ганта

Вопрос какой. Раз у вас в команде эта тема в принципе где-то зафиксирована на рассмотрение, то если я описанные выше хотелки исполню в виде юзерскрипта для Tampermonkey в Chrome, это сгодится в качестве полезного наброска идеи?

Тот же вопрос касается тему "Сохранение состояния интерфейса" (там заморочка куда сложнее, правда).
Жаль, что по части темы "Настройка столбцов списка задач для диаграммы Ганта" этим путём едва ли что-то получится выкрутить (даже элементарное отображение срочности задачи), так как нужных данных вообще нет на странице, даже в скрытом виде. Можно, конечно, замахнуться на кастомное дополнение Ajax-механики, но это это уже совсем лютая задача и едва ли затраты труда будут соизмеримы с результатом.

[Дмитрий Гончаренко]

Да, однозначно поможет, Кирилл. У нас есть вопросы по читаемости диаграммы в этом варианте, поэтому если у вас получится сделать все красиво и понятно - это продвинет тему.

[Кирилл Панькин]

Сделал пользовательский стиль, который показывает вариант реализации утолщённых линий зависимостей между задачами (озвучивалось выше).
К счастью, тут оказалось возможным обойтись без скриптов, одними стилями.
(Тема с областями надзадач ещё в разработке. Она заметно сложнее.)

Страница для загрузки: Толстые линии зависимостей - https://userstyles.org/users/288774.
Описание:
--------------------------------------------------------------------
Делает линии зависимостей между задачами в диаграмме Ганта в ПланФиксе более толстыми — толщиной в 2 пикселя вместо 1. Также немного увеличивает стрелки на концах линий.

Стиль создавался как эскизная демонстрация, но вполне годится для использования в работе.
Замечу, что несмотря на то, что более толстые линии являются более заметными, в то же время они меньше запутывают восприятие, т.к. все остальные линии в диаграмме тонкие (имеют толщину в 1 пиксель).
Кроме того, в линию толщиной в 2 пикселя проще попасть мышкой для изменения зависимости.

Чтобы немного сгладить грубые прямые углы на изломах линий, к отдельным линиям применён border-radius, размывающий им концы. Не очень действенно, но лучше, чем ничего.

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

[Кирилл Панькин]

Хм... Утолщённые стрелочки, похоже, оказались никому особо не нужны.