Documentation to take advantage of larger screens

scala / docs.scala-lang

The Scala Documentation website

http://docs.scala-lang.org

561 stars 1.02k forks source link

Documentation to take advantage of larger screens #2028

Open fernandoracca opened 3 years ago

fernandoracca commented 3 years ago

When reading on reasonably large screens, particularly 4K monitors, the main area for content is really small, and there's huge amount of wasted empty space.

This selector changes a single property which expands to fill the screen, which makes a large difference.

document.querySelectorAll(“.wrap").forEach ( el => el.style.maxWidth = "2048px" )

Consider including such support directly on the website.

fernandoracca commented 3 years ago

I actually have a PR ready. It's tested on both my laptop's monitor and an external 27" 4K monitor, and it fills up the space nicely.

b-studios commented 3 years ago

I agree that the docs benefit from this change:

However, the landing page really is not designed with this in mind:

Also, for consistency the same change should also be applied to scala-lang.org (like on this page: https://www.scala-lang.org/download)

fernandoracca commented 3 years ago

Thanks for the feedback @b-studios . I'll look into it tonight, to see if i can also improve that page. I'm not much of a CSS person, so i can't promise a substantial change. If you have any suggestion of how to structure it, please do let me know.