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

Use variables for input border width #5563

Merged
merged 1 commit into from
May 31, 2024

Conversation

marcoambrosini
Copy link
Contributor

Screen.Recording.2024-05-07.at.16.56.54.mov

@marcoambrosini
Copy link
Contributor Author

Waiting for server border-width variable to be in before merging this

@ShGKme
Copy link
Contributor

ShGKme commented May 7, 2024

Waiting for server border-width variable to be in before merging this

Can you link the PR? I cannot find it...

@marcoambrosini
Copy link
Contributor Author

@ShGKme it doesn't exist yet :)

Copy link
Contributor

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The input field looks good, but for the textarea, it jumps around vertically on focus, a result of the 1px/2px change on focus.

(And yes, waiting for server for the --border-width variable.)

@jancborchardt
Copy link
Contributor

Also FYI, both commits are in here too :)

@marcoambrosini
Copy link
Contributor Author

variable here nextcloud/server@43510be

@marcoambrosini marcoambrosini changed the title Reduce input border width Use variable for input border width May 13, 2024
Copy link
Contributor

@ShGKme ShGKme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For compatibility with older server, we probably should use 2px as a fallback

src/components/NcInputField/NcInputField.vue Outdated Show resolved Hide resolved
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
@marcoambrosini marcoambrosini changed the title Use variable for input border width Use variables for input border width May 16, 2024
@marcoambrosini
Copy link
Contributor Author

@ShGKme I've switched back to borders, but there's still a problem with the text jumping inside on hover and focus. I've tried to change the paddings but the problem is still there. Could you please have a look?

@susnux susnux added 3. to review Waiting for reviews and removed 2. developing Work in progress labels May 31, 2024
@susnux susnux modified the milestones: 8.13.0, 8.12.1 May 31, 2024
@susnux susnux added bug Something isn't working and removed enhancement New feature or request labels May 31, 2024
Copy link
Contributor

@szaimen szaimen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🐘

@marcoambrosini marcoambrosini merged commit d508420 into master May 31, 2024
18 checks passed
@marcoambrosini marcoambrosini deleted the reduce-input-border-width branch May 31, 2024 12:11
@marcoambrosini
Copy link
Contributor Author

/backport to next

@ShGKme
Copy link
Contributor

ShGKme commented May 31, 2024

but there's still a problem with the text jumping inside on hover and focus

Was it resolved?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants