nextcloud-libraries / nextcloud-libraries/nextcloud-vue
Update splitter design
Open
Nobody has claimed this yet.
design
- Dominant language
- Vue
- Stars
- 246
- Forks
- 99
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 103
Description
The drag handle for split panes looks quite odd to modern sensibilities:
Quite a bit more common nowadays is to have a single, thicker handle, like so:
As such, I would remove the border from the splitter and add a single gray handle only to indicate draggability, something like this:
cc @nextcloud-libraries/designers
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the split-pane splitter component and its associated styles in the nextcloud-vue repository. Compare the current drag handle with the issue images, then verify that the border is removed and a single gray draggable handle is shown as the completed design.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100