preliminary implementation of mosaic 2x2 collapsible banners - Githubissues

VEuPathDB / web-eda

Web browser code for EDA-based applications

Apache License 2.0

0 stars 0 forks source link

preliminary implementation of mosaic 2x2 collapsible banners #1601

Closed moontrip closed 1 year ago

moontrip commented 1 year ago

This PR is related to https://github.com/VEuPathDB/web-eda/issues/1383 and https://github.com/VEuPathDB/web-eda/issues/1574. Also, this relies on https://github.com/VEuPathDB/CoreUI/pull/129: note that the CoreUI has an issue of tsc compiling. See this https://epvb.slack.com/archives/C012ZK4Q5CZ/p1675724977801699.

Update: tsc error at CoreUI is resolved and the CoreUI ticket is approved. Thus, the new CoreUI is now reflected on this PR: that is, no need to use npm-pack-here to CoreUI for this PR.

The contents inside the collapsible banners are based on: a) more info box - https://www.figma.com/file/Su1eNm3Bby85CfrnX42L7q/2x2-table-UI?node-id=44%3A224&t=YuUKa0W6njSUkCox-0; b) stats table banner - https://www.figma.com/file/Su1eNm3Bby85CfrnX42L7q/2x2-table-UI?node-id=403%3A725&t=zrGYKehtdgaVxIUa-0

This needs further refinements in positioning, width, etc., especially for the banner at stats table, but with this mockup, one can see that the collapsible banners work fine. Here are screenshots:

both banners are unfolded (collapsed)
both are folded

moontrip commented 1 year ago

This PR is closed as an actual implementation is made at https://github.com/VEuPathDB/web-eda/pull/1636