Cascade truncated - Githubissues

dieterich-lab / scimodom

GNU Affero General Public License v3.0

0 stars 0 forks source link

Cascade truncated #103

Closed eboileau closed 1 month ago

eboileau commented 1 month ago

A clear and concise description of what the bug is.

The technology now appears truncated in FormCascade in ProjectMetadata.vue

meta

HaraldWilhelmi commented 1 month ago

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 commented 1 month ago

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 commented 1 month ago

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 commented 1 month ago

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

eboileau commented 1 month ago

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 https://github.com/dieterich-lab/scimodom/issues/99.