Improve more actions button on the workspace start page when opening in desktop IDEs
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 13.8k
- Forks
- 1.4k
- Avg merge
- 17h 58m
- Merged PRs (30d)
- 5
Description
Problem to solve
Back in https://github.com/gitpod-io/gitpod/issues/6841 and https://github.com/gitpod-io/gitpod/pull/6847, we've added a dropdown button with more options besides opening a workspace in VS Code in Browser. Cc @corneliusludmann @akosyakov @JanKoehnlein
The current implementation brings in the following issues:
- Redandunt right padding on the secondary button (see down chevron icon)
- Center aligned dropdown options which is not following the pattern used in other dropdowns.
- Inaccurate footer text as not all options above are IDE options.
- Option order could affect memory muscle as usually this button links back to the dashboard while in the current implementation the option to open the dashboard has been moved to the bottom of the list.
Proposal
| Button | Dropdow |
|---|---|
 |
 |
See design specs.
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
Review issue #6841 and pull request #6847, then inspect the workspace start page implementation for the more-actions button. Use the linked Figma design specs as the reference; done means corrected secondary-button padding, left-aligned dropdown options, accurate footer text, and the dashboard option restored to the intended order.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100