Cascade truncated

[eboileau]

A clear and concise description of what the bug is.

The technology now appears truncated in FormCascade in ProjectMetadata.vue

[HaraldWilhelmi]

First look at it:

• The size seems to be tagged to ul element ariund the list via the class sm:w-48.
• That one says: "width: 12rem;". If that setting is disabled manually in the browser the element becomes huge.
• Most likely we want "width: fit-content;" instead.

[HaraldWilhelmi]

While this should be trivial to fix with classic CSS the PrimVue component seems not to support it.
There seems to be something called "panel", which is either only used for the first level of pull down menus
(which we don't want to change!) or all of them.

[eboileau]

Ok, I can have a look next week. This is typically handled with this pt property. In our case, we also have defined presets (/client/src/presets/windscm/).

[HaraldWilhelmi]

Already tried pretty much everything with PassThrough - but it just did not do anything for me (style, class, as string, as object ...)

[eboileau]

The element to pass to pt is sublist: { class: 'w-full sm:w-80' } in FormCascade.vue, whereas the preset has 'w-full sm:w-48'. This also makes the cascade a bit longer in general e.g. for organism in dataset upload, but I think we just leave it for now, and go back to it in Q3 when harmonizing styles throughout, see #99.