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

feat: add --vaadin-input-field-padding #7955

Open
BalusC opened this issue Oct 8, 2024 · 0 comments
Open

feat: add --vaadin-input-field-padding #7955

BalusC opened this issue Oct 8, 2024 · 0 comments
Labels
enhancement New feature or request theme

Comments

@BalusC
Copy link

BalusC commented Oct 8, 2024

Describe your motivation

I'd like to be able to adjust the input field padding suite-wide.

Below is an example showing a text-field, select and text-area which happen to already have a customized background color and border radius and font size via suite-wide CSS properties --vaadin-input-field-background, --vaadin-input-field-border-radius and --vaadin-input-field-value-font-size.

image

However, I can't seem to find a suite-wide CSS property to adjust the input field padding.

image

No such thing is mentioned in https://vaadin.com/docs/latest/components/text-field/styling, https://vaadin.com/docs/latest/components/select/styling and https://vaadin.com/docs/latest/components/text-area/styling

Ultimately I'd like to achieve the following padding suite-wide, note especially also the dropdown toggle and textarea autosizing:

image

Describe the solution you'd like

A new suite-wide CSS property something like --vaadin-input-field-padding would be very welcome in order to accomplish this in a consistent manner.

Describe alternatives you've considered

Of course you can override the host styles, but that's cumbersome and doesn't account for any future components.

Additional context

Using Vaadin 24.4.10.

@web-padawan web-padawan added enhancement New feature or request theme labels Oct 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request theme
Projects
None yet
Development

No branches or pull requests

2 participants