Review the query panel layout

[offtherailz]

The query panel should be refactored in terms of style and usability.

[allyoucanmap]

here some possible changes

initial state

• before
  

• after
  

---

with add condition

• before
  

• after
  

---

with add group

• before
  

• after
  

gif

• after
  

[simboss]

search & reset are in a different position now....

[allyoucanmap]

this should be with search & reset in the right position:

initial state

• before
  

• after
  

---

with add condition

• before
  

• after
  

---

with add group

• before
  

• after
  

[allyoucanmap]

we could integrate the query builder header with the back button

[offtherailz]

I should use shadows instead of borders to highlight nested filters. Like this:
https://codepen.io/sdthornton/pen/wBZdXq

[allyoucanmap]

I just tried it and box-shadow works better than borders,
it's cleaner than before

[allyoucanmap]

here the scroll bar is only inside the body so the query builder header is static.

[offtherailz]

many nested objects are still confusing. Maybe we can think about collapsing groups.
Can you show a real example? (1 level of nesting is enough)

[allyoucanmap]

[offtherailz]

Almost there, but it is not clear what is doing yet...
What if we use cards even for the 1 row condition? And complex conditions should be collapsible.

[allyoucanmap]

this is an update with card for every attribute filter group

[simboss]

much better...

[allyoucanmap]

latest update

• added bbox/circle panel style

[simboss]

I like it !