Skip to content

Commit

Permalink
gh-pages.css: make the site navbar stretch across the entire page
Browse files Browse the repository at this point in the history
In the official SE-EDU design, the site navbar at the top should stretch
across the entire page.

However, for the Learning Resources site, this does not happen. The site
navbar is constrained to a maximum width of 1000px and is centered in
the page. This makes the design of the Learning Resources site
inconsistent with the rest of the SE-EDU sites.

This is because a recent change in MarkBind[1] wraps the entire page in
a #content-wrapper div, and the #content-wrapper div is styled as:

    #content-wrapper {
        margin: 0 auto;
        max-width: 1000px;
        overflow-x: hidden;
        padding: 0 20px;
        width: 100%;
    }

thus leading to the current behavior.

Fix this by overriding #content-wrapper's `max-width` and `padding`
properties, so that the site navbar will stretch acorss the entire page.

[1]: MarkBind/markbind@c20e941
  • Loading branch information
pyokagan committed Sep 15, 2018
1 parent b97f10b commit 059b847
Showing 1 changed file with 5 additions and 0 deletions.
5 changes: 5 additions & 0 deletions css/gh-pages.css
Original file line number Diff line number Diff line change
Expand Up @@ -223,3 +223,8 @@ table.tableblock > .title,
#site-header {
margin-bottom: 2.25rem;
}

#content-wrapper {
max-width: none;
padding: 0;
}

0 comments on commit 059b847

Please sign in to comment.