Skip to content
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

fix: increase smartpicker select height #760

Merged
merged 3 commits into from
Jan 9, 2024
Merged

fix: increase smartpicker select height #760

merged 3 commits into from
Jan 9, 2024

Conversation

enjeck
Copy link
Contributor

@enjeck enjeck commented Dec 29, 2023

Addresses: #751

@enjeck
Copy link
Contributor Author

enjeck commented Dec 29, 2023

Before:
Screenshot from 2023-12-29 18-07-37

After:
Screenshot from 2023-12-29 18-02-57

@enjeck enjeck requested a review from juliusknorr December 29, 2023 17:11
@enjeck enjeck linked an issue Dec 29, 2023 that may be closed by this pull request
@enjeck enjeck added the 3. to review Waiting for reviews label Dec 29, 2023
@datenangebot
Copy link
Collaborator

datenangebot commented Jan 2, 2024

@enjeck I would recommend to adjust the padding for a more calm appearance.

image

@enjeck
Copy link
Contributor Author

enjeck commented Jan 3, 2024

Here's what it looks like now:
Screenshot from 2024-01-03 09-03-45

@datenangebot
Copy link
Collaborator

Yeah, that looks so much better. 😁
If you want to do it perfect, you should use the default value for spacings: https://github.com/nextcloud/server/blob/89ee85938e2c66e8d1c20f57fa754b72509e524f/apps/theming/css/default.css#L57

Something like
padding: calc(var(--default-grid-baseline) * 1)

@enjeck
Copy link
Contributor Author

enjeck commented Jan 4, 2024

Yeah, that looks so much better. 😁 If you want to do it perfect, you should use the default value for spacings: https://github.com/nextcloud/server/blob/89ee85938e2c66e8d1c20f57fa754b72509e524f/apps/theming/css/default.css#L57

Something like padding: calc(var(--default-grid-baseline) * 1)

There are other conflicting styles here, so modifying the padding here doesn't fix this easily

enjeck added 2 commits January 4, 2024 07:47
Signed-off-by: Cleopatra Enjeck M <[email protected]>
@datenangebot
Copy link
Collaborator

datenangebot commented Jan 8, 2024

This is what I found -> and suggest to chance

old new
SCR-20240108-htgf SCR-20240108-iebt
SCR-20240108-htsu SCR-20240108-iedd

@enjeck What do you think? Can you review please.

@enjeck
Copy link
Contributor Author

enjeck commented Jan 9, 2024

Looks good. But wondering if we want to only apply the padding after selection (or if this is even possible). Right now, the empty search bar looks massive, and maybe this is awkward?:
image

@datenangebot
Copy link
Collaborator

Looks good. But wondering if we want to only apply the padding after selection (or if this is even possible). Right now, the empty search bar looks massive, and maybe this is awkward?: image

Well, yes and no. I would say you're right, looks to massive. But if we make it smaller, it will resize if we choose one option, might look a bit like jumping elements? 🙄

@enjeck
Copy link
Contributor Author

enjeck commented Jan 9, 2024

@datenangebot Good point, thanks.

@juliusknorr juliusknorr merged commit e9d69d4 into main Jan 9, 2024
36 checks passed
@juliusknorr juliusknorr deleted the fix/751 branch January 9, 2024 08:31
Copy link
Contributor

Hello there,
Thank you so much for taking the time and effort to create a pull request to our Nextcloud project.

We hope that the review process is going smooth and is helpful for you. We want to ensure your pull request is reviewed to your satisfaction. If you have a moment, our community management team would very much appreciate your feedback on your experience with this PR review process.

Your feedback is valuable to us as we continuously strive to improve our community developer experience. Please take a moment to complete our short survey by clicking on the following link: https://cloud.nextcloud.com/apps/forms/s/i9Ago4EQRZ7TWxjfmeEpPkf6

Thank you for contributing to Nextcloud and we hope to hear from you soon!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Smart picker modal select input is too small
3 participants