docs.scala-lang icon indicating copy to clipboard operation
docs.scala-lang copied to clipboard

Documentation to take advantage of larger screens

Open fernandoracca opened this issue 3 years ago • 3 comments

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 avatar May 18 '21 13:05 fernandoracca

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.

fernandoracca avatar May 18 '21 17:05 fernandoracca

I agree that the docs benefit from this change:

image

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

image

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

b-studios avatar May 20 '21 13:05 b-studios

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.

fernandoracca avatar May 20 '21 13:05 fernandoracca