Merge pull request #497 from jaredevantabor/footer

Footer Opacity on Login
This commit is contained in:
jaredevantabor 2015-11-12 13:11:18 -08:00
commit ce78fee680
2 changed files with 17 additions and 2 deletions

View File

@ -29,9 +29,24 @@
margin-right: 20px;
margin-top: 10px;
}
.Footer-link:hover{
color: #ffffff;
}
.Footer-link{
color: #848992;
}
.Footer-copyright.is-loggedOut,
.Footer-logo.is-loggedOut {
opacity: 0;
}
@menu-breakpoint: 553px;
@media screen and (max-width: (@menu-breakpoint)) {
.Footer-copyright{
display: none;
}
}

View File

@ -1,8 +1,8 @@
<footer class='Footer'>
<a href="http://www.ansible.com" target="_blank">
<div class="Footer-logo">
<div class="Footer-logo" ng-class="{'is-loggedOut' : !$root.current_user.username}">
<img id="footer-logo" alt="Red Hat, Inc. | Ansible, Inc." class="Footer-logoImage" src="/static/assets/footer-logo.png">
</div>
</a>
<div class="Footer-copyright">Copyright &copy 2015 <a class="Footer-link" href="http://www.redhat.com" target="_blank">Red Hat</a>, Inc. All Rights Reserved.</div>
<div class="Footer-copyright" ng-class="{'is-loggedOut' : !$root.current_user.username}">Copyright &copy 2015 <a class="Footer-link" href="http://www.redhat.com" target="_blank">Red Hat</a>, Inc. All Rights Reserved.</div>
</footer>