Header Refactoring

[alionazherdetska]

Current header structure

After removing the popover-container and adjusting z-index values, I encountered an issue where the focus for post-list-items in the navigation gets cut off. This happens because the higher z-index of layer 2 is required to ensure the post-megadropdown-container remains hidden while it slides down during the animation from the top.

Aufzeichnung.2025-01-16.085640.mp4

A potential solution to this issue is to restructure the header and refactor it into two main containers.

[gfellerph]

@alionazherdetska, when re-structuring the header, these important factors have to be kept in mind:

• The header is modular, the Application title and the links in the main slot are optional (see Design for Portal Header) and the header should work when content for these is not specified
• The markup is responsive, meaning that the same markup needs to work on desktop and mobile
• The header is already being implemented by the portal team. If anything in the required markup structure (for project implementation) changes, they need to be informed and it creates additional work

Have you considered alternatives like setting overflow: hidden on the megadropdown and moving the <post-popovercontainer> inside of it up and down for the animation?