CodeEditApp / CodeEditApp/CodeEdit

✨ Drag Tab to Create New Window

オープン
#670 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
enhancement tabs UI workspace
主要言語
Swift
スター
23k
フォーク
1.2k
PR マージ指標
30日以内にマージされた PR はありません

説明

## 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.

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。