From 2e075d56f50bef5acc07679fa57a35e82e174a45 Mon Sep 17 00:00:00 2001
From: Chris Houseknecht <chouse@ansible.com>
Date: Wed, 2 Jul 2014 09:17:58 -0400
Subject: [PATCH] Mobile menu Changed to push left rather than just left. Added
 a drop-shadow effect.

---
 awx/ui/static/less/jPushMenu.less | 8 +++++++-
 awx/ui/templates/ui/index.html    | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/awx/ui/static/less/jPushMenu.less b/awx/ui/static/less/jPushMenu.less
index 975d345b09..6e979af796 100644
--- a/awx/ui/static/less/jPushMenu.less
+++ b/awx/ui/static/less/jPushMenu.less
@@ -84,6 +84,12 @@
     right: -240px;
 }
 
+.cbp-spmenu-open.cbp-spmenu-open {
+    -moz-box-shadow:    3px 3px 5px 6px #ccc;
+    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
+    box-shadow: 3px 3px 5px 6px #ccc;
+}
+
 .cbp-spmenu-left.cbp-spmenu-open {
     left: 0px;
 }
@@ -113,8 +119,8 @@
 /* Push classes applied to the body */
 
 .cbp-spmenu-push {
-    overflow-x: hidden;
     position: relative;
+    overflow-x: hidden;
     left: 0;
 }
 
diff --git a/awx/ui/templates/ui/index.html b/awx/ui/templates/ui/index.html
index d492bb1fdd..0dab0915ab 100644
--- a/awx/ui/templates/ui/index.html
+++ b/awx/ui/templates/ui/index.html
@@ -195,7 +195,7 @@
             <div class="container-fluid">
                 <div class="navbar-header">
                     <div id="socket-beacon-div"></div>
-                    <button type="button" class="navbar-toggle toggle-menu menu-right" id="main-menu-toggle-button">
+                    <button type="button" class="navbar-toggle toggle-menu menu-right push-body" id="main-menu-toggle-button">
                       <span class="sr-only">Toggle navigation</span>
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>