dabernathy89 / vue-query-builder

A UI component for building complex queries with nested conditionals.
https://dabernathy89.github.io/vue-query-builder/
MIT License
644 stars 159 forks source link

How to remove the class - form-inline #69

Open samprati opened 3 years ago

samprati commented 3 years ago

I am stuck in a situation where my form gets messed up due to form-inline class.

I installed a plugin vue-query-builder and used it in my form. i added some input fields to my form and the form layout is not as per my requirement.

Upon looking into the console elements, i saw there is a div which has the class form-inline. Upon deleting that class, the form looks good.

Screenshot 2021-06-18 at 5 40 19 PM

I tried overwrite the form-inline function by adding custom css, still cannot get to remove the class

.form-inline {
    display: contents !important;
    flex-flow: unset !important;
    align-items: unset !important;
  }