Adjust broadcast messages and systems headers and footers
Summary
The new UI doesn't properly account for broadcast messages as global elements, causing system headers and footers to overlap with page content.
Steps to reproduce
Prerequisites (Admin setup required):
- Go to Admin Area → Settings → Appearance → System header and footer
- Add content to system header and/or footer fields
- Go to Admin Area → Messages → Broadcast Messages
- Create a new broadcast message with content
- Save the settings
Reproduction steps:
- Navigate to any GitLab page with the new UI
- Observe the broadcast messages, system headers, and footers
- Notice overlapping content issues with main page content
What is the current bug behavior?
- Broadcast messages are not properly positioned as global elements in the new UI
- System headers and footers overlap with main page content
- Content layout is disrupted by improper element positioning
- Global UI elements interfere with page usability
What is the expected correct behavior?
- Broadcast messages should be positioned as global elements that don't interfere with page layout
- System headers and footers should be properly spaced and not overlap with main content
- Page content should have appropriate margins/padding to accommodate global UI elements
- All global elements should work harmoniously without layout conflicts
Relevant logs and/or screenshots
Possible fixes
- Review CSS positioning and z-index values for broadcast messages
- Adjust layout calculations to account for global UI elements
- Ensure proper spacing between system headers/footers and main content
- Update viewport calculations to include space for global elements
Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.
Edited by Austin Regnery