Fix missing background on service account panel
What does this MR do and why?
The service account project memberships panel mounted a bare .panel-content element directly into the #contextual-panel-portal without a background-painting wrapper. On larger screens this left the panel transparent, unlike the other portal-mounted panels which are wrapped in a component that applies a background.
The .panel-content class only defines layout (flex, min-height, padding); the background normally comes from a wrapper such as .paneled-view (used by DynamicPanel) or .work-item-detail-panel, both of which apply gl-bg-default. This panel had no such wrapper.
Rather than patch a background onto the hand-rolled markup, this MR refactors the panel to use the shared DynamicPanel component like the other contextual panels. This resolves the missing background structurally and removes duplicated header, close button, scroll container, and padding markup that had drifted from the standard layout.
References
- Fixes the missing background color on the service account panel on larger screens.
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- Open the Flows page and select a flow
- On a large screen (wide viewport), open the "Projects using this service account" panel.
- Confirm the panel now renders with a solid background (
gl-bg-default) in both light and dark mode, matching the other contextual panels.
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.