Skip to content

Eight ways to improve the Tabs side panel #7981

Open
@williamstein

Description

@williamstein

Here's what it looks like now:

image

Recently closed files could be improved as follows:

  • IDEA 1: Rename it "Recently closed files"
  • IDEA 2: Include the last 100 or so files, not just 3.
  • IDEA 3: With more files, it would have to be scrollable and filterable. This would serve a similar purpose to the log, however it could be just the files that you closed recently on this device, which serves a complementary purpose to the global infinite log.
  • IDEA 4: Make it resizable (i.e., drag the divider to give it more space).

File display

IDEA 5: Use the same algorithm as for tab names. Right now if you have two files with the same name, there is no way to distinguish them without switching to folder view. Folder view is OK, but even then, it can be hard to distinguish folders, and also it uses a lot more vertical space, and can't be organized in order.

In particular, notice here that I have two different stripe.ts files opened:

image

I can easily distinguish the tabs at the top, but not the left. And there is tons of space on the left for more filename context.

Folder view distinguishes them, but it is MUCH busier, and I completely loose all organization, i.e., sorting I've done of tabs.

image

IDEA 6: In folder mode, make the order of folders draggable, and also of files in a given folder.

IDEA 7: make the close icon for tabs and folders consistent. Why are they completely different?

IDEA 8: make the indication of which tab is focused be consistent with the way that same information is conveyed in the tabs. Right now the tabs side panel indicates not focused with a white background and focused with a grey background. This is the exact opposite of how the tabs at the top work (which are just the Antd standard tabs). Also it's the opposite of how chrome works:

image

(I personally wish the background tabs at the top were a little greyer.)

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions