Diff header and long file names

When a diff file has a long file path the file path ends up wrapping with the copy button and makes the header larger than it would normally be.

Should we truncate this at the start maybe?

Screenshot_2021-05-12_at_14.28.09

Proposal

We are not going to truncate the file path for security purposes #330749 (comment 2750057944).

We will redesign the the header so that it accommodates the actions better and consider introducing new wrapping techniques to handle the content at different container breakpoints.

For a general reference of this layout update can be found in this design. Please feel free to comment/question directly on image.

Figma

Diff_header_and_long_file_names_-_Viewed_in_top_right

Edited by 🤖 GitLab Bot 🤖