CodeEditApp / CodeEditApp/CodeEdit

✨ Drag Tab to Create New Window

Offen
#670 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
enhancement tabs UI workspace
Vorherrschende Sprache
Swift
Sterne
23k
Forks
1.2k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

## Problem

Users may want the ability to break a file out of the current window to refer to it aside from the main window or focus in on the file.

## Solution

Drag a tab and drop it on any area except the tab bar nor an existing editor panel to create a new window with the file of the tab being dragged.

## Screenshots

If the user drags a tab outside of the window to break it out like this.

![image](https://user-images.githubusercontent.com/806104/199356347-129c4721-2fb2-41c5-8038-eb69e36e43be.png)

Then it would create a new window like so.

![image](https://user-images.githubusercontent.com/806104/199757841-cc4d2cc0-6430-4ded-8fd3-282372a19d92.png)

## Additional Context

Please refer to our [documentation](https://github.com/CodeEditApp/CodeEdit/wiki/Workspace-Windowing-&-Layout-Strategy) around how we think our Workspace UI should work and behave.

### Animation

When dragging the tab and crossing over from tab bar or existing editor panel to an area where if the user drops will create a new window, the tab being dragged will animate into a window preview as depicted in the above screenshots. When dragging back into an area where it will not create a new window, it will animate back into a tab (drag out a Finder or Safari tab to see how this might look).

### Window merging

There will be a Open In Project button which will merge it back into the original window. Users can also drag the window title to the main project window to do the same.

### Original window

Once the new window is created, the tab that was dragged out of the original window will no longer exist in the original window unless either opened again or the window is merged into the original window.

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.