From 4ac56a474bba43ce098826b50759e0169ba81580 Mon Sep 17 00:00:00 2001
From: Jared Tabor <jtabor@ansible.com>
Date: Thu, 12 Nov 2015 00:35:20 -0800
Subject: [PATCH] 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   | 15 +++++++++++++++
 awx/ui/client/src/footer/footer.partial.html |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/awx/ui/client/src/footer/footer.block.less b/awx/ui/client/src/footer/footer.block.less
index fa9d2382b1..7276d7179a 100644
--- a/awx/ui/client/src/footer/footer.block.less
+++ b/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;
+    }
+}
diff --git a/awx/ui/client/src/footer/footer.partial.html b/awx/ui/client/src/footer/footer.partial.html
index b82a640fec..a55076dc50 100644
--- a/awx/ui/client/src/footer/footer.partial.html
+++ b/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>