CodeEditApp / CodeEditApp/CodeEdit

✨ Drag Tab to Create New Window

未關閉
#670 0 則留言 0 個 reaction 已指派 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 摘要。