gitpod-io / gitpod-io/gitpod

Allow User Search Field in Admin UI To Have Larger Width on High Resolution Devices

Open
#10,935 5 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

component: dashboard meta: never-stale team: webapp
Dominant language
TypeScript
Stars
13.8k
Forks
1.4k
Avg merge
17h 58m
Merged PRs (30d)
5

Description

Is your feature request related to a problem? Please describe

When I am searching for a user within the Gitpod admin UI the input field is quite small, there's a lot of white space to the right which we can use to increase the width of the field for devices with higher resolutions.

Screen Shot 2022-06-27 at 09 22 50

On an iPad (Air 5th gen) for example, the width seems to be appropriate.

image

Increasing the size of the field when on a device with a higher resolution would allow for seeing the full email address of the user you're searching for to be seen all at once. Quality of life improvement if you may.

Describe the behaviour you'd like

Update the necessary CSS for the affected input field so it's longer on higher resolution devices.

Describe alternatives you've considered

Just live with it the way it is.

Additional context

N/A

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file, test, or entry point is named in the issue. Start by locating the Gitpod admin UI user-search input and its associated styles, then compare its width at desktop and iPad-sized resolutions; done means the field uses the available space on higher-resolution devices without regressing the existing layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.