Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jimmybrancaccio opened this issue Jun 27, 2022 · 5 comments
Labels
component: dashboard meta: never-stale This issue can never become stale team: webapp Issue belongs to the WebApp team

Comments

@jimmybrancaccio
Copy link

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

@gtsiolis
Copy link
Contributor

Thanks, @jimmybrancaccio! Although a fixed width search input could be preferred for multiple reasons, I can see how this could be helpful.

FWIW, @tnir tried to increase the width of the search input in #8813. Maybe we could pick up this community contribution.

Looping @geropl and @jldec in case this is something we'd like to prioritize.

I'm also marking this as a good first issue.

@gtsiolis gtsiolis added help wanted component: dashboard team: webapp Issue belongs to the WebApp team labels Jun 27, 2022
@jwoolnt
Copy link

jwoolnt commented Jul 1, 2022

@gtsiolis Hello, I'm still new to contributing to open-source projects, do I need to get this assigned to me in order to start working on it or should I work on it first? Either way I think I could fix this issue, thank you for your help in advance!

@gtsiolis
Copy link
Contributor

gtsiolis commented Jul 1, 2022

@ElderMicrobe889 Feel free to open a PR and mention this issue in the PR description. 🏓

@stale
Copy link

stale bot commented Sep 30, 2022

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the meta: stale This issue/PR is stale and will be closed soon label Sep 30, 2022
@tnir
Copy link
Contributor

tnir commented Sep 30, 2022

This should not be closed yet.

@stale stale bot removed the meta: stale This issue/PR is stale and will be closed soon label Sep 30, 2022
@jimmybrancaccio jimmybrancaccio added the meta: never-stale This issue can never become stale label Oct 3, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: dashboard meta: never-stale This issue can never become stale team: webapp Issue belongs to the WebApp team
Projects
None yet
Development

No branches or pull requests

4 participants