fix z-index on new feature dialog to prevent wrapped features from cl…

…ipping over UI
kobotoolbox · Feb 16, 2024 · e0bf5db · e0bf5db
1 parent 139c98c
commit e0bf5db
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/jsapp/js/components/newFeatureDialog.module.scss b/jsapp/js/components/newFeatureDialog.module.scss
@@ -3,7 +3,6 @@
 
 .root {
 	position: relative;
-  z-index: 1100; // 1 index lower than a modal
 }
 
 .wrapper {
@@ -17,6 +16,7 @@
   padding: sizes.$x12;
   color: colors.$kobo-white;
   background: colors.$kobo-dark-blue;
+  z-index: 1100; // 1 index lower than a modal
 }
 
 .dialog::before {
@@ -28,7 +28,7 @@
   position: absolute;
   pointer-events: none;
   border-width: sizes.$x6;
-  margin-left: calc(sizes.$x6 * -1);
+  margin-left: -(sizes.$x6);
   bottom: 100%;
   border-bottom-color: colors.$kobo-dark-blue;
 }