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

What is the easiest way to put multiple fields on a form on the same line? #317

Open
sureshvv opened this issue Aug 1, 2023 · 1 comment

Comments

@sureshvv
Copy link

sureshvv commented Aug 1, 2023

  1. Does I need to override _form.html?
  2. Can this be done with just css?

Any pointers appreciated.

@nitely
Copy link
Owner

nitely commented Aug 1, 2023

That's not so fresh in my mind. The css is all css grids and flexbox, so it should be doable with just css.

This override seems to do something in the login form:

.login form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.login .field {
  padding-right: 10px;
  width: 50%;
}

I restricted it to the login class because I have no idea if it may break some other forms (like the topic comment box).

The css is written using Sass, so unless you want to modify the actual source code (scss files) and recompile them as a single css file, you are better off just adding your own css with all the overrides you want.

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

No branches or pull requests

2 participants