stable

Clone or download

Read-only

fix: design improvements in aggregated projects

* When sidebar is collapsed: header does not wrap and does not contain a redundant icon * When mouse is over the linked projects icon, it is shown as a pointer cursor, as well as the whole line * The popover can be accessible with keyboard (`tab` until you reach "X aggregated projects", then `Space` or `Enter`, then `tab` to navigate through projects. Also when sidebar is collapsed. Bonus: project flags have same behavior. Part of story #34009: see aggregated & parents projects Change-Id: I12b26f7cf2796eea1b513fa7b449a80d4e898c0a

Modified Files

Name
M lib/frontend/project-sidebar-internal/src/Header/LinkedProjects.test.ts +64 −3 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/LinkedProjects.vue +18 −15 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/ProjectFlags.vue +2 −0 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/__snapshots__/LinkedProjects.test.ts.snap +8 −0 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/__snapshots__/ProjectFlags.test.ts.snap +2 −0 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Styles/_sidebar-collapsed.scss +22 −0 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Styles/_sidebar-project.scss +14 −2 Go to diff View file
M lib/frontend/tlp-popovers/src/popovers.test.ts +53 −0 Go to diff View file
M lib/frontend/tlp-popovers/src/popovers.ts +38 −0 Go to diff View file