Equal padding for all the form fields setting

How To
1

Hi There,

How do I get equal padding on these select fields like the name fields globally? I mean is there any to control the setting from one place?

image
image515×578 53.1 KB

I would appreciate a quicker response as I’m on a deadline.
Thank you!

2

I’ll suggest you target all the input and set a height for them to get a consistent height for all.

 /*Input fields*/
%root% {
  --form-input-height: 48px;
}

%root% input,
%root% select{
  height: var(--form-input-height);
}
3

There is a bug with the select fields. They are still using the old “line-height” to build the height. In one of the the last versions, we changed this to padding. Unfortunately, the select fields behave as before in the current version. The bug has already been fixed and will be uploaded in a few hours :slight_smile:

4

I’m glad to see that the bug is on your attention. Looking forward to the fix. Thank you!

1 Like
5

Thanks, Spandiv, let’s see if it works. Cheers!

6

The latest update does solve the padding issue. But the select fields comes transparent where the name fields have their default background.

Another issue, in the form setting, I’m not sure what’s the purpose of the “group” tab as shown below. It seems 80% of the options do not work( Or I don’t know how to use them).

image
image1823×1143 139 KB

Thank you!