Move file browser to a drawer on mobile in Rapid Diffs
What does this MR do and why?
This MR moves file browser to a drawer in Rapid Diffs for a rapid file navigation on narrow screens. It also shows diff stats and view controls on a narrow screen.
Screenshots or screen recordings
| Before | After |
|---|---|
| Screen_Recording_2025-06-02_at_04.38.53 | Screen_Recording_2025-06-02_at_04.36.51 |
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 - Switch to a narrow viewport (less than 900 pixels wide)
- Use button in the top right to open file browser
- Click on any of the files
- Observe rapid navigation to the file
Edited by Stanislav Lashmanov