mintproject / mint-ui-lit

New version of the MINT-UI
Apache License 2.0
4 stars 0 forks source link

[Model Catalog UI] Long descriptions don't fit well. #341

Closed dgarijo closed 4 years ago

dgarijo commented 4 years ago

Look for instance to https://dev.mint.isi.edu/ethiopia/models/explore/CYCLES/cycles_v0.10.2_alpha/cycles-0.10.2-alpha-collection/cycles-0.10.2-alpha-collection-oromia-single-point

The headers of the tables are a single line, and cannot be read well.

hvarg commented 4 years ago

Now it shows dots when the text is longer than the header: Screen Shot 2020-04-08 at 12 36 38

@dgarijo Do you want to see the description of the Input/Output above the table? something like: Screen Shot 2020-04-08 at 12 41 52

dgarijo commented 4 years ago

Yes, I would like the description above the table as you show in the second picture. What happens if it goes through several lines?

hvarg commented 4 years ago

Screen Shot 2020-04-09 at 11 47 58

dgarijo commented 4 years ago

@hvarg maybe instead of the "..." We can have "... (See more)" ? That way users can click and show the full description

hvarg commented 4 years ago

It's more difficult to do that as the dots are a CSS feature, to add custom text in the end I need to know the width of the rendered text before rendering it. It is possible to do it, but will take me a while.

dgarijo commented 4 years ago

ok, let's not do it for now then