[results figure] figure overflow

[rcannood]

          Well, the problem with overflow is this:

1. funkyheatmap-js renders its dimensions based on the content (so in this case because of long method names the content is wider than available space)
2. the cell rendering css does not have (currently) any overflow handling

I see 2 ways to deal with this:

1. add overflow-x: auto to cell css, then figure will stay the same, but will display cropped, available for scrolling
2. make funkyheatmap scale to certain width, or be constrained by it, and pass this as a parameter (it does not know its parent's width when rendering—ojs ways)
3. shorten method names (and/or add code to shorten method names automatically)

what do y'all think?

Originally posted by @mxposed in openproblems-bio/website-experimental#76 (comment)

[rcannood]

shorten method names (and/or add code to shorten method names automatically

This is only a temporary solution as more metrics and more datasets will result in the same problem :)

[mxposed]

I wonder why did you remove column: page from results figure? Was it ugly for non-overflowing figures?

[rcannood]

Yes but it also accentuates the highlights the issue more :)

[mxposed]

Basic fix with overflow-x in openproblems-bio/website-experimental@2af3128

Result here:
https://6409081f065ae51749b0d5da--openproblems-experimental.netlify.app/results/batch_integration_feature/

// not sure why the commit didn't trigger the build