From 8b3a178d970022b2e77483e341a68032d01bf76f Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Fri, 16 Apr 2021 09:22:06 +0200
Subject: [PATCH] Increase zIndex of the tooltip as it's now displayed inside
 modal

specify zIndex by using vars from modal zIndex
---
 app/assets/stylesheets/shared/question-mark-icon.scss  | 1 +
 app/assets/stylesheets/shared/variables/variables.scss | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/shared/question-mark-icon.scss b/app/assets/stylesheets/shared/question-mark-icon.scss
index 449c7244ec..0f4901a98f 100644
--- a/app/assets/stylesheets/shared/question-mark-icon.scss
+++ b/app/assets/stylesheets/shared/question-mark-icon.scss
@@ -56,6 +56,7 @@
   margin-left: -7.4rem;
   margin-top: -0.1rem;
   background-color: transparent;
+  z-index: $modal-zIndex + 1;
 
   .background {
     position: fixed;
diff --git a/app/assets/stylesheets/shared/variables/variables.scss b/app/assets/stylesheets/shared/variables/variables.scss
index c0bdd5fab1..866a20d160 100644
--- a/app/assets/stylesheets/shared/variables/variables.scss
+++ b/app/assets/stylesheets/shared/variables/variables.scss
@@ -4,6 +4,9 @@ $white: #fff;
 $dynamic-blue: #3d8dd1;
 $teal-500: #0096ad;
 
+/* Defined in foundation-rails components/_reveal.scss */
+$modal-zIndex: 1005;
+
 @font-face {
 	font-family: 'OFN';
 	src: font-url('OFN-v2.eot');
@@ -22,4 +25,4 @@ $teal-500: #0096ad;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
-}
\ No newline at end of file
+}