From b74b9fbd1dbad33bf7ffee627dc4c1ed00dc5cb8 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Thu, 21 May 2020 23:19:57 +0200
Subject: [PATCH] Shift sidebar down vertically (below navigation) and bring
 navigation up (z-index)

---
 .../stylesheets/darkswarm/cart-dropdown.css.scss      | 11 ++++++++++-
 app/assets/stylesheets/darkswarm/menu.css.scss        |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss b/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss
index 71cd0a8cd2..c098f43d11 100644
--- a/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss
+++ b/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss
@@ -3,9 +3,18 @@
 @import "branding";
 
 .expanding-sidebar.cart-sidebar {
+  .background {
+    z-index: 150;
+  }
+
   .sidebar {
-    padding: 0;
+    padding: $topbar-height 0 0;
     background-color: $white;
+    z-index: 160;
+
+    @include breakpoint(desktop) {
+      padding: $mobile-nav-height 0 0;
+    }
   }
 
   .cart-header {
diff --git a/app/assets/stylesheets/darkswarm/menu.css.scss b/app/assets/stylesheets/darkswarm/menu.css.scss
index abefec7a23..b48ed93091 100644
--- a/app/assets/stylesheets/darkswarm/menu.css.scss
+++ b/app/assets/stylesheets/darkswarm/menu.css.scss
@@ -11,6 +11,7 @@ nav.top-bar {
   font-size: 16px;
   margin-bottom: 0;
   height: $topbar-height;
+  z-index: 190;
 }
 
 @media #{$large-only} {
@@ -174,7 +175,7 @@ nav.top-bar {
   height: $mobile-nav-height;
   position: fixed;
   width: 100%;
-  z-index: 1;
+  z-index: 190;
 
   .cart-span {
     background-color: #f4704c;