Skip to content

Fix layout issues for diff file tree header and fork info

What does this MR do and why?

With new UI enabled, the diff file header is mis-positioned on commit details page. This MR fixes that by adding a new top value to position the header to the correct container.

Additionally this MR adds space in between the actions button in fork info block on narrow screens.

References

Screenshots or screen recordings

Before After
Commits details CleanShot 2025-09-29 at 16.07.57.mp4 CleanShot 2025-09-29 at 15.57.45.mp4
Wiki diff CleanShot 2025-09-29 at 16.02.09.mp4
Compare diff CleanShot 2025-09-29 at 16.08.28.mp4 CleanShot 2025-09-29 at 15.58.18-converted.mp4
Fork Info CleanShot 2025-09-29 at 17.43.04.png CleanShot 2025-09-29 at 17.39.37.png

How to set up and validate locally

  • Enable new panel layout
  • Go to commit details page. It's better to use a commit that changes multiple files, like this
  • Scroll down to make sure the header is sticking to the correct spot

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.

Edited by Chaoyue Zhao

Merge request reports

Loading