redhat-developer / redhat-developer/vscode-openshift-tools
Devfile registry viewer doesn't work well on some scaling settings
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 123
- Forks
- 63
- Avg merge
- 6h 16m
- Merged PRs (30d)
- 74
Description
Under some scaling settings, most of the 6 items that are displayed per page in the devfile registry are hidden.
For instance, if I set "window.zoomLevel": 3, in VS Code, then only 2 and a bit items are visible at a time.
It would be nice if we could improve this, perhaps by adjusting other parts of the page. Here are some ideas:
- Less margin between the top of the page and the title
- In the list entries: decrease the size of the icon and decrease the vertical spacing between the lines of text and the chips
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
Reproduce the devfile registry viewer in VS Code with "window.zoomLevel": 3, then inspect the viewer's layout around the title and list entries. Done means the six displayed items are usable and visible under the reported scaling, with the spacing and sizing adjusted as needed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript, vscode
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100