stable

Clone or download

Read-only

Display years on top of time units

It might be difficult to know which year a month or a week is belonging to, unless users hover to display the tooltip. Always displaying the year seems to be more UX friendly. Note: there isn't any separation between years for now (no border, no alternate background, …). It will be done later, if needed, by Chief of Design. The today indicator pin has now its head above the time period, according to the latest iteration of the mockup. Part of story #19734: have a Roadmap widget on dashboard Change-Id: I6190d422476d2897b0f392b9065cd66d0d7c66c4

Modified Files

Name
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodHeader.test.ts +35 −20 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodHeader.vue +18 −10 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodUnits.test.ts +61 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodUnits.vue +47 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodYears.test.ts +50 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodYears.vue +44 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/type.ts +2 −0 Go to diff View file
M plugins/roadmap/themes/_gantt-header.scss +2 −1 Go to diff View file
M plugins/roadmap/themes/_roadmap-variables.scss +3 −0 Go to diff View file
M plugins/roadmap/themes/_scrolling-area.scss +2 −0 Go to diff View file
M plugins/roadmap/themes/_timeperiod.scss +16 −5 Go to diff View file
M plugins/roadmap/themes/_today.scss +7 −5 Go to diff View file