Use a smaller height for project container when selecting a project to import
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
Following up from https://github.com/gitpod-io/gitpod/pull/5120#discussion_r692169692 and taking into account the updated design specs in #4948 and #4951, the project container when selecting a project to import is overflowing below the viewport height in some cases in small viewports.
Proposal
What do you think of using a smaller max height like max-h-52?
| BEFORE | AFTER |
|---|---|
 |
 |
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 the discussion in PR #5120 and the design specifications in issues #4948 and #4951, then locate the project container used when selecting a project to import. Check the small-viewport screenshots and verify that applying the proposed smaller max height prevents the container from overflowing below the viewport.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100