stable

Clone or download

Read-only

fix: Style linked project popover

* Display the popover when sidebar is collapsed and nb < config (🐛 introduced by 8b16812d3bca79e07f47c4728a0765e0471b69fd) * remove left border in popover body * do not display popover header (unless sidebar is collapsed). The title of the popover was redundant with the sidebar and added no value. It is not the same for project visibility where Public/Private are important information and must be kept visible. * make sure that the popover body is displayed in the viewport: if there is a lot (a lot) of linked projects, then the list should be scrollable and one should be able to reach the last project and click on it. To test the last point, you might want to have a popover that does not disappear by itself. To do that, add `trigger: "click"` in the configuration of the popover in `LinkedProjects.vue`. (Revert your change afterwards) Note: Since positionning of the popover depends on absolute top position computed by js library, we need to use magic numbers for the max-height. Those have been found by trial and error. Part of story #34009: see aggregated & parents projects Change-Id: I7ad8fc34180e469f7f2aa0aecdd29d428224fc1e

Modified Files

Name
M lib/frontend/project-sidebar-internal/src/Header/LinkedProjects.test.ts +20 −4 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/LinkedProjects.vue +3 −1 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/SidebarHeader.test.ts +10 −2 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/SidebarHeader.vue +3 −1 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/__snapshots__/LinkedProjects.test.ts.snap +1 −13 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Header/__snapshots__/SidebarHeader.test.ts.snap +3 −1 Go to diff View file
M lib/frontend/project-sidebar-internal/src/ProjectSidebar.vue +1 −1 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Styles/_sidebar-collapsed.scss +10 −0 Go to diff View file
M lib/frontend/project-sidebar-internal/src/Styles/_sidebar-project.scss +7 −3 Go to diff View file
M lib/frontend/project-sidebar-internal/src/__snapshots__/ProjectSidebar.test.ts.snap +1 −0 Go to diff View file