Improve contrast/borders of the scroll-able accordion containers

[hogo6002]

No description provided.

[vitorRibeiro7]

Hi @hogo6002, I would like to work on this issue.

Can you assign me?

[another-rex]

Assigned to you. @vitorRibeiro7

Here's some details on what needs to be done.

Example HTML report: https://another-rex.github.io/TestPages/Vulnerability%20Scan%20Report.html

We would like to have some sort of scroll drop shadow, e.g. https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/
at the top and bottom.

To get a similar report to this locally, run the following:

# If you have docker installed
go run ./cmd/osv-scanner/ scan image --serve nginx:1.22
# If not, try:
git checkout https://github.com/hogo6002/scanner-comparison.git
go run ./cmd/osv-scanner/ scan source --serve -r ./scanner-comparison

The files you need are here:
internal/output/html/

Screen.recording.2025-02-07.10.26.07.AM.webm

[vitorRibeiro7]

Hi @another-rex, I worked on this shadow detail that you suggested, but I managed to make this shadow disappear when there was no scrolling, but I couldn't make it work in a pleasant way, from my point of view, even with the shadow appearing all the time, it still looks nice, do you think we can leave it that way or not? I also improved the scroll style.