/help/: Fix responsiveness on mobile.

This changes the markdown section and sidebar to be the correct
height on mobile along with correcting the broken footer to always
appear below the content.

Fixes: #5798.
This commit is contained in:
Brock Whittaker 2017-07-17 10:59:20 -07:00
parent c16e4c7d32
commit e5926d562e
1 changed files with 7 additions and 0 deletions

View File

@ -1535,10 +1535,12 @@ input.new-organization-button {
.app.help {
position: absolute;
height: calc(100vh - 40px);
}
.app.help .sidebar {
width: calc(100% - 40px);
height: calc(100vh - 40px - 10px - 10px);
}
.app.help .sidebar.show {
@ -1551,6 +1553,11 @@ input.new-organization-button {
padding-left: 20px;
padding-right: 20px;
width: calc(100vw - 40px);
height: auto;
}
.app.help .footer-main {
padding: 0;
}
.app-main,