Set footer opacity to 0 when on login modal

and hide the copyright if the screen is not wide enough for it

awx/ui/client/src/footer/footer.block.less

@@ -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;
+    }
+}

awx/ui/client/src/footer/footer.partial.html

@@ -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>