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

Increase landscape width of refguide content for readability #3009

Merged
merged 1 commit into from
Apr 11, 2022

Commits on Apr 10, 2022

  1. [doc] Increase width of refguide content for readability (reactor#3009)

    The reference guide #content div has `max-width: 62.5em`. This is a bit
    small for large screens in landscape mode. So, this commit increases the
    width.
    
    For landscape, in FHD (1920x1080) window, ideally, `1920px` * `60%` +
    `8em (div's padding)` = `80em` is a required width for readability. For
    more wide window, the constant will be smaller than `60%` of the
    window's width. Thus, `max-width` is desirable to be maximum of `80em`
    and `60%` of a window.
    
    For portrait (phone), the changes for landscape doesn't affect for
    portrait because it changes `max-width` to be increase.
    
    So, this commit set `max-width` to `max(80em, 60%)`.
    
    Fixes reactor#2784.
    tmyksj committed Apr 10, 2022
    Configuration menu
    Copy the full SHA
    d8bcc28 View commit details
    Browse the repository at this point in the history