Skip to content

Fix diffs file browser in new UI

Stanislav Lashmanovrequested to merge
slashmanov/new-ui-fix-diffs-file-browser into master

What does this MR do and why?

This MR fixes diffs file browser with the new UI.

Right now the file browser sometimes doesn't fill the whole height of the available space or consumes more space than it should. It also stops working on smaller viewports because of an issue in the breakpoint calculation.

File browser is used on these pages:

  1. Merge request changes
  2. New merge request changes
  3. Compare revisions

PanelBreakpointInstance had to be refactored to support more precise and efficient breakpoint checks.

Screenshots or screen recordings

Before After
CleanShot_2025-10-15_at_14.57.51 CleanShot_2025-10-15_at_14.53.34

How to set up and validate locally

  1. Open any of the aforementioned pages
  2. Scroll the page when there's not enough space to display all the items in a file browser
  3. Observe file browser adapting to the viewable area while you scroll
Edited by Stanislav Lashmanov

Merge request reports