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
2 changed files with 17 additions and 2 deletions

View File

@@ -29,9 +29,24 @@
margin-right: 20px; margin-right: 20px;
margin-top: 10px; margin-top: 10px;
} }
.Footer-link:hover{ .Footer-link:hover{
color: #ffffff; color: #ffffff;
} }
.Footer-link{ .Footer-link{
color: #848992; 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'> <footer class='Footer'>
<a href="http://www.ansible.com" target="_blank"> <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"> <img id="footer-logo" alt="Red Hat, Inc. | Ansible, Inc." class="Footer-logoImage" src="/static/assets/footer-logo.png">
</div> </div>
</a> </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> </footer>