Sticky file path for merge request diff

Description

when going through a code review (merge request diff) you can easily lose track of what file you're seeing in front of you if the diff is longer then 1 screenheight

Proposal

make the "js-file-title file-title-flex-parent" div sticky when scrolling through diffs longer then 1x screenheight

Design

  • Removed additions/deletions, so file path can display after "Showing 13 changed files".
  • If the file path is pretty long, the ellipsis will show at the beginning of the file path and truncate it.
  • Having a duplicate icon next to the filename.
Regular file path

01

Long file path

01-long-name

Links / references

any long merge request https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/###/diffs

Documentation blurb

gui only, N/A?

Edited by Hazel Yang