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

CSS Fixes #64

Merged
merged 2 commits into from
Nov 17, 2018
Merged

CSS Fixes #64

merged 2 commits into from
Nov 17, 2018

Conversation

pyokagan
Copy link
Contributor

Fixes for the site CSS to deal with the changes made by MarkBind/markbind@c20e941

…tyling"

This reverts commit d8f206f.

The commit was introduced to work-around some styling choices made by
MarkBind, namely:

  * The #app div having the container-fluid class applied to it, which
    added a 15px padding on the horizontal sides of the page.

  * The footer having negative horizontal margins, which led to the
    footer extending past the boundary of the page.

These styling choices have since been removed in MarkBind[1]:

  * The #app div does not have the container-fluid class applied to it
    any more.

  * The footer now has a margin of 0.

As such, the changes made by d8f206f
are not needed any more, so let's revert it.

[1]: MarkBind/markbind@c20e941
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
(minus the footer) 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
@pyokagan
Copy link
Contributor Author

@damithc Ready for merge, btw :-)

@damithc
Copy link
Contributor

damithc commented Nov 16, 2018

Oops. Sorry, missed it. Will merge over the weekend.

@damithc damithc merged commit a64c6c8 into se-edu:master Nov 17, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants