Make platform bootstrap footer match other footer

Changes:
- Add logo back
- Fix up spacing
- Change font sizes and color
This commit is contained in:
Giulio Gratta
2019-05-23 13:23:01 -07:00
parent 69496576ee
commit dddfac8380
2 changed files with 23 additions and 5 deletions

View File

@@ -2,7 +2,7 @@
// ====================
.wrapper-footer {
box-shadow: 0 -1px 5px 0 $gray-900;
box-shadow: 0 -1px 5px 0 $shadow-l1;
border-top: 1px solid $navbar-light-disabled-color;
background-color: $body-bg;
margin-top: $baseline/2;
@@ -15,6 +15,7 @@
.site-nav {
padding: 0;
margin-bottom: $baseline;
.nav-item {
margin-right: $baseline;
@@ -39,7 +40,7 @@
text-decoration: none;
padding: 0;
margin-right: $baseline/4;
font-size: $font-size-sm;
font-size: .8em;
}
}
@@ -53,9 +54,11 @@
}
.copyright {
margin-top: $baseline;
font-size: $font-size-sm;
color: theme-color("primary");
@include text-align(left);
margin: -2px 0 8px;
font-size: .8em;
color: $gray;
}
.footer-about-openedx {

View File

@@ -25,6 +25,21 @@
</ul>
</nav>
<div class="wrapper-logo">
<p>
<a href="/">
## The default logo is a placeholder.
## You can either replace this link entirely or update
## the FOOTER_ORGANIZATION_IMAGE in Django settings.
## If you customize FOOTER_ORGANIZATION_IMAGE, then the image
## can be included in the footer on other sites
## (e.g. a blog or marketing front-end) to provide a consistent
## user experience. See the branding app for details.
<img alt="organization logo" src="${footer['logo_image']}">
</a>
</p>
</div>
## Site operators: Please do not remove this paragraph! This attributes back to edX and makes your acknowledgement of edX's trademarks clear.
<p class="copyright">${footer['copyright']}
% if icp_license_info.get('icp_license'):