vulnerablecode icon indicating copy to clipboard operation
vulnerablecode copied to clipboard

Enhance the VCIO UI to make use of all available screen space

Open DennisClark opened this issue 1 year ago • 4 comments

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.)

DennisClark avatar Sep 12 '23 16:09 DennisClark

Think about both the height and width available on the screen, and consider pagination as well.

DennisClark avatar Sep 12 '23 16:09 DennisClark

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. ;-)

johnmhoran avatar Sep 12 '23 16:09 johnmhoran

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.

johnmhoran avatar Sep 12 '23 17:09 johnmhoran

this becomes more important when we have more data to display in the UI.

DennisClark avatar Nov 14 '23 16:11 DennisClark

@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:

image

and after:

image

and this is the current ScanCode.io:

image

johnmhoran avatar May 21 '24 18:05 johnmhoran

Completed by @johnmhoran in https://github.com/nexB/vulnerablecode/pull/1483

keshav-space avatar Jun 04 '24 09:06 keshav-space