CodeEditApp / CodeEditApp/CodeEdit

✨ Split Sidebar Panels

Open
#479 1 comment 0 reactions 1 assignee Claimed by @KaiTheRedNinja View on GitHub
enhancement inspector navigator sidebar UI workspace
Dominant language
Swift
Stars
23k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

## Is your feature request related to a problem? Please describe.

Users might want to see more than one sidebar tab at once.

## Describe the solution you'd like

Drag a sidebar symbol and drop it over the lower section to split the sidebar panel. User is then allowed to drag other symbols into that panels dock.

## Mockups

### Step 1: User mouses over to sidebar item that they would like to go in a new split panel

01-macOS-code-edit-split-sidebar

### Step 2: User drags symbol to lower half of the sidebar

02-macOS-code-edit-split-sidebar

Notice that the placeholder radius follows the window radius.

### Step 3: User releases mouse and split panel is added with symbol in lower panel dock

03-macOS-code-edit-split-sidebar

### Step 4: User drags additional item to lower sidebar panel

04-macOS-code-edit-split-sidebar

## Additional context

When user is dragging symbol and sidebar panel is not split yet, when crossing over the halfway threshold, haptic feedback is felt if the user is using a trackpad.

Split sidebar panels will be resizable.

A sidebar panel can only be split once for a maximum total of two sidebar panels.

This issue is concerning both the navigator sidebar (left) and the inspector sidebar (right).

Refer to #41 for more information.

## Related Issues
- #338

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.