Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Readability improvement concerning maximum page width #37

Closed
smonff opened this issue Jun 14, 2019 · 5 comments
Closed

Readability improvement concerning maximum page width #37

smonff opened this issue Jun 14, 2019 · 5 comments
Labels
bug Roadmap - Next Planned for next release
Milestone

Comments

@smonff
Copy link

smonff commented Jun 14, 2019

When using the page full screen on a reasonably large screen, the paragraphs of text or code are way too large: this is because the article.col-sm-12 container have a max-width of 100%. Something like max-width: 65% would deliver a much easier reading experience (even smaller would be acceptable IMHO).

The eyes are not designed to switch between so long lines: the current layout works well on mobiles or resized windows, and congratulations to you for the improvement comparing to the previous website. But not applying a max-width is painful, because it will require people with large windows to constantly resize their browsers.

Consider using a limited max-width, maybe not hard coded the way I described and more the flex way: it will really improve the readability, like in a text book. A proposal:

image

For reference see how some other documentations are made:

image (Python)

image (Ruby)

image (Go)

I like the Go way: only <p> and <li> tags are limited to max-width: 50rem. I is a nice compromise as it leaves some elements filling the rest of the screen nicely

@JohnMica
Copy link
Contributor

i can confirm that when using a wide screen the paragraph widths does indeed becomes longer that what could be found as useful.

there will be a fix in the next iteration

@JohnMica JohnMica added bug Roadmap - Next Planned for next release and removed enhancement labels Jun 17, 2019
@smonff
Copy link
Author

smonff commented Jun 17, 2019

Note that the full-width thing can eventually be a popular thing for some people: I just found out that on perldoc.pl, they have an « Expand » button on the navigation bar to switch to a full width mode.

🤔

@Grinnz
Copy link

Grinnz commented Jun 17, 2019

Yes, this was implemented as a compromise as I see the value of both designs and there are those with both preferences. (see Grinnz/perldoc-browser#6)

@JohnMica
Copy link
Contributor

JohnMica commented Jun 17, 2019 via email

@JohnMica
Copy link
Contributor

JohnMica commented Jul 8, 2019

i believe this has been fixed with the new beta release

@JohnMica JohnMica closed this as completed Jul 8, 2019
@JohnMica JohnMica added this to the Beta milestone Jul 17, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Roadmap - Next Planned for next release
Projects
None yet
Development

No branches or pull requests

3 participants