From 5e712fa4c0bd11543c94b3ffe7bb8b82da5190dd Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Tue, 20 Apr 2021 13:50:21 +0200
Subject: [PATCH] Add variable for the zIndex of the navigation header

---
 app/assets/stylesheets/darkswarm/distributor_header.scss | 4 +++-
 app/assets/stylesheets/darkswarm/shop_tabs.scss          | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/distributor_header.scss b/app/assets/stylesheets/darkswarm/distributor_header.scss
index f7591cd986..5166b79230 100644
--- a/app/assets/stylesheets/darkswarm/distributor_header.scss
+++ b/app/assets/stylesheets/darkswarm/distributor_header.scss
@@ -1,6 +1,8 @@
 @import "mixins";
 @import 'typography';
 
+$shop-navigation-zindex: 20;
+
 section {
   :not(shop) navigation {
     box-shadow: $distributor-header-shadow;
@@ -11,7 +13,7 @@ section {
   display: block;
   background: $white;
   position: relative;
-  z-index: 20;
+  z-index: $shop-navigation-zindex;
 
   .details {
     box-sizing: border-box;
diff --git a/app/assets/stylesheets/darkswarm/shop_tabs.scss b/app/assets/stylesheets/darkswarm/shop_tabs.scss
index 4d42327261..93b9e037c7 100644
--- a/app/assets/stylesheets/darkswarm/shop_tabs.scss
+++ b/app/assets/stylesheets/darkswarm/shop_tabs.scss
@@ -9,7 +9,7 @@
     color: $dark-grey;
     box-shadow: $distributor-header-shadow;
     position: relative;
-    z-index: 21; // +1 from .darkswarm navigation
+    z-index: $shop-navigation-zindex + 1;
 
     .columns {
       display: flex;