Allow to shorten the diff editor title

[shasiru]

Issue Type: Feature Request

When comparing two codes side by side, the order is confusing.
It takes a considerable amount of time just to realize which file is on the left and which is on the right.

And the tab title showing comparing files is not helpful at all since it is too long
For example, in tab title;
different file names in same location
.....very/very/very/very/long/path/file1.js <-> .....very/very/very/very/long/path/file2.js

or

same file name in different locations
.....very/very/very/very/long/path1/file1.js <-> .....very/very/very/very/long/path2/file1.js

either situations, I find it really frustrating to identify which file is on which side by reading the long URL (title).

What i propose is to implement the vscode interface to allow the user to add labels with custom titles to each side (when in code comparison).

So instead of a single long URL like this:

implement a UI feature like this:

to show clearly which file is open on which side and also allow the user to add custom title names to each of comparing file (temporarily - for reference)

VS Code version: Code 1.51.1 (e5a624b, 2020-11-10T23:34:32.027Z)
OS version: Windows_NT x64 10.0.19042

[ArturoDent]

Related: #44916

[bpasero]

The title reflects the editors, the first name is for the left and the second for the right editor?

[shasiru]

The title reflects the editors, the first name is for the left and the second for the right editor?

Yes, you are right.

But the title is taking too much space thus wasting time realizing which code is on which side.

[vscode-triage-bot]

This feature request is now a candidate for our backlog. The community has 60 days to upvote the issue. If it receives 20 upvotes we will move it to our backlog. If not, we will close it. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

[bpasero]

With #109224 at least for files in the same folder, the label will be much shorter now:

Before

After

[bpasero]

The UI challenge here is really that we have many settings that enable a description to appear besides the main editor label (e.g. when you disable tabs) and we typically put the relative path of the file to the root in there, if we did something like that for diff editors, it would end up like this:

If someone has better ideas how to resolve this, I am all up for making a change.