Improve border radius for stuck header in Rapid Diffs
What does this MR do and why?
This MR fixes stuck file header in Rapid Diffs using container queries:
- Bottom border radius matches the border bottom radius of the whole file
- Top border radius is not rounded for better visuals
Screenshots or screen recordings
| Before | After |
|---|---|
| Screen_Recording_2025-05-19_at_15.28.22 | Screen_Recording_2025-05-19_at_15.25.03 |
How to set up and validate locally
- Enable
rapid_diffsandrapid_diffs_on_mr_showfeature flags - Go to any merge request
- Select 'Changes' tab
- Add
?rapid_diffs=trueto the URL, follow it - Scroll through files
- Observe correct border radius for diff file header when it's stuck