Scrollbar fix

[ahpaleus]

Before:

After (only after hovering the mouse over):

[github-actions]

PR Preview Action v1.4.7
Preview removed because the pull request was closed.
2024-04-25 13:19 UTC

[ahpaleus]

@elopez take a look, merge if it's ok

[elopez]

This doesn't seem to have any effect on Firefox (I guess it's expected, considering that the PR uses nonstandard webkit extensions).

Can we add something with the standard properties so it looks a bit better there as well?

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scrollbars_styling

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar#adding_a_fallback_for_scrollbar_styles

[ahpaleus]

This doesn't seem to have any effect on Firefox (I guess it's expected, considering that the PR uses nonstandard webkit extensions).

Can we add something with the standard properties so it looks a bit better there as well?

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scrollbars_styling

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar#adding_a_fallback_for_scrollbar_styles

Thanks! @supports selector(::-webkit-scrollbar) seems to be unsupported in Hugo but I will try to find a workaround :-)

[ahpaleus]

@elopez I am not sure if it is the best way to achieve this (b9cba82), but you can see Firefox/Safari/Chrome:

[elopez]

I think it looks good now 👍