Scaladoc: CSS fixes

[pikinier20]

closes #12335
closes #12098

Current output will be uploaded to our server as a part of CI so I'll paste the link to it there.

@Katrix @nicolasstucki

[pikinier20]

https://scala3docstorage.blob.core.windows.net/pr-12461/index.html

[romanowski]

The only isssue I see is that search and menu button should be sticky.

Is that intentional that on narrower screen search button loose the red gradient background?

[pikinier20]

The only issue I see is that search and menu button should be sticky.

Is that intentional that on narrower screen search button loose the red gradient background?

Yes, it's intentional. I'm not an author of this CSS rule, though.

I'm gonna take a look at search button because it hides halfway on scroll.

[TheElectronWill]

The word-wrapping in the sidebar is a bit inconsistent, see the "Other Changed Features" here:

Otherwise LGTM :)

[pikinier20]

@TheElectronWill Could you take a look at my latest commit?

[TheElectronWill]

I've found a fix for the wrapping difference between selected and unselected entries (see suggestions). It would be cleaner to use ch instead of ex but that's good enough (and slightly more portable).

Word-wrapping seem to work fine in Firefox and Chrome without all the hints generated by Ux, I think it can be safely removed.
The new footer LGTM :)

[pikinier20]

Word-wrapping seem to work fine in Firefox and Chrome without all the hints generated by Ux, I think it can be safely removed.

But it doesn't work properly for package names and long class names because there's no spaces and browser wraps text in random place. Wrapping before dots and upper cases looks better for me

[Katrix]

Wrapping looks good in theory, but not sure I'm a fan of how much wrapping there is. Feel like for any Scaladoc generated like this will see wrapping, and that is to me a sign that the sidebar should maybe be a bit wider? For comparision, Scaladoc for 2.13 is a tree, so it doesn't have to worry too much about it. Javadoc in the sidebar (that they no longer generate sadly) uses fontsize 12 (think Scaladoc's font size is better here) and a sidebar width of 30%.

For me a width of 20% looks good, but that would have to be tweaked on smaller screens.

[TheElectronWill]

Word-wrapping seem to work fine in Firefox and Chrome without all the hints generated by Ux, I think it can be safely removed.

But it doesn't work properly for package names and long class names because there's no spaces and browser wraps text in random place. Wrapping before dots and upper cases looks better for me

Oh so that was the point! In that case yes, it's useful.