Public

Project privacy set to public. By default, its content is available to everyone (authenticated or not). Please note that more restrictive permissions might exist on some items.

stable

Clone or download

Read-only

Improve scrolling UX on Roadmap widget

Download Browse

Instead of scrolling the whole widget content, only the bars, dependencies, today indicator, and time period should scroll (horizontally). Controls (selection of time scale and dependencies) as well as task headers (xref/title) should stay visible. Part of story #19734: have a Roadmap widget on dashboard Change-Id: I15b1336bf0909a16971da0f138e1b507c34aa851

+191 −108
Nicolas Terray (nterray) 2021-04-15 18:09
Nicolas Terray (nterray) 2021-04-15 18:59
dd30821ecb1004f778324cfb5ee6f3e37654d50f
9eac9678c85ef91bfa838d2297dcf0c9779deef4
git #tuleap/stable/dd30821ecb1004f778324cfb5ee6f3e37654d50f

Modified Files

Side by side diff
Inline diff
Name
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/GanttBoard.vue +28 −12 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/GanttTask.test.ts +1 −3 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/GanttTask.vue +1 −3 Go to diff View file
M plugins/roadmap/themes/_dependencies.scss +0 −1 Go to diff View file
M plugins/roadmap/themes/_gantt-board.scss +4 −33 Go to diff View file
A plugins/roadmap/themes/_gantt-header.scss +76 −0 Go to diff View file
M plugins/roadmap/themes/_roadmap-variables.scss +1 −0 Go to diff View file
A plugins/roadmap/themes/_scrolling-area.scss +28 −0 Go to diff View file
M plugins/roadmap/themes/_task.scss +1 −53 Go to diff View file
M plugins/roadmap/themes/_timeperiod.scss +2 −2 Go to diff View file
A plugins/roadmap/themes/_today.scss +49 −0 Go to diff View file
M plugins/roadmap/themes/widget-roadmap.scss +0 −1 Go to diff View file