vulnerablecode
vulnerablecode copied to clipboard
Enhance the VCIO UI to make use of all available screen space
It is time to enhance the VCIO UI to be more flexible and make use of all available screen space. (This should be done in all AboutCode.org projects.)
Think about both the height and width available on the screen, and consider pagination as well.
A related consideration is responsive design, including an issue that came up yesterday while I was working on issue 1228 -- we appear to have nearly 3000 instances of px
(I'm the culprit) that will need to be converted to rem
(in custom.css
and mostly as width settings in a number of Jinja2 templates).
(I'm hoping there is some way we can automate the conversion process -- which might consist of dividing each px
by 16 if 16px is our default font size and rounding in some manner, and of course agreeing to the number of decimal places for each resulting rem
. ;-)
Note that the bulma-0.9.4.min.css
used in SCIO has 564 instances of px
and 514 of rem
. The bulma.css we use in VCIO has a similar number of instances.
this becomes more important when we have more data to display in the UI.
@DennisClark @pombredanne and colleagues: I've just increased the CSS width settings to use the same width as ScanCode.io and will push the changes and open a PR shortly. This is VCIO before:
and after:
and this is the current ScanCode.io:
Completed by @johnmhoran in https://github.com/nexB/vulnerablecode/pull/1483