Improve visual structure of "union" parameters

Open-EO / openeo-vue-components

Common Vue components for openEO.

Apache License 2.0

7 stars 1 forks source link

Improve visual structure of "union" parameters #83

Open soxofaan opened 2 years ago

soxofaan commented 2 years ago

this came up at https://github.com/Open-EO/openeo-processes/issues/375

the docs of the condition parameter of the count process are hard to process visually: Screenshot from 2022-07-02 10-47-36

it takes a trained eye to see that condition allows three options: a process graph, value true (note tat false is illegal) and value null

soxofaan commented 2 years ago

some brainstorming on how to improve this:

a lot of horizontal space is wasted, can we structure things more horizontally to make this listing less long visually
make process graph parameter listing collapsable (and collapsed by default), to avoid confusing count's parameters with the the condition process graph parameters?

m-mohr commented 2 years ago

As a quick fix I've just tried to separate them a bit better through some styling changes and also by making the allowed value for booleans more clear: