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 摘要。