✨ Drag to reorder sidebar dock icons

[austincondiff]

Icons in each sidebar’s dock needs to be able to be reordered via drag and drop.

Please note that this will need to be applied to the navigator sidebar (left) and the inspector sidebar (right).

Also, keep in mind that we will eventually need the ability to drag these icons down to create a split sidebar like this. This is not required for this PR but we will need this at some point.

This should be saved and synced across all open workspaces, persisting after the app is closed and reopened. It should not be in the preferences UI or in preferences.json. In the View menu, we should have an item labeled “Reset Workspace Layout To Default” that resets this setting to default.

This setting should track icon location per pane, per sidebar. So for example, it can look like this:

• Navigator Sidebar
  • panel 1
    • project
    • source control
    • find
  • panel 2
    • debug
    • tasks
    • symbols
• Inspector Sidebar
  • panel 1
    • source control
    • file
    • quick help

[jav-solo]

This can be assigned to me. I may need a little guidance as far as where to put the .json config file, but should be able to handle this.

[jasonplatts]

Thanks @jav-solo!

[austincondiff]

@jav-solo Just use app storage for now, we can worry about an external file later.

Also, this is related to #256, do you think it is a good idea to do this at the same time?

[jav-solo]

Yeah, I think that's a good idea!

[austincondiff]

Perfect, if you are working on this please submit a draft PR.

[jav-solo]

I have submitted a PR Review for the re-ordering of the sidebar and inspector icons. The persistence piece is not something I will be able to complete at this time. Please re-assign this issue to someone who can or create anther issue to implement the persistence settings.