three more z-indexes

bastihilger · Jul 14, 2022 · 1e4b066 · 1e4b066
1 parent dbf95a1
commit 1e4b066
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/buttons/BaseButton.vue b/resources/js/components/buttons/BaseButton.vue
@@ -22,9 +22,9 @@
         <div 
             class="
                 pointer-events-none
-                absolute left-0 w-full flex justify-center z-100
+                absolute left-0 w-full flex justify-center
             "
-            style="bottom: 36px;"
+            style="z-index: 100; bottom: 36px;"
             v-show="hovered"
         >
             <div 

diff --git a/resources/js/components/buttons/PlaceholderBlockButton.vue b/resources/js/components/buttons/PlaceholderBlockButton.vue
@@ -52,9 +52,10 @@
 
             <div 
                 class="
-                    z-10 absolute top-0 left-0 w-full h-full
+                    absolute top-0 left-0 w-full h-full
                     bg-80 opacity-75
                 "
+                style="z-index: 10"
                 @click="hideMenu"
             >
             </div>

diff --git a/resources/js/components/content-blocks/GalleryContentBlock.vue b/resources/js/components/content-blocks/GalleryContentBlock.vue
@@ -19,11 +19,15 @@
             class="
                 fixed top-0 left-0
                 w-full h-full overflow-scroll py-8
-                z-50 flex items-center justify-center
+                flex items-center justify-center
             "
+            style="z-index: 50"
             v-show="modalIsActive"
         >
-            <div class="m-auto rounded-lg shadow-lg overflow-hidden z-20 w-action-fields max-w-full">
+            <div 
+                class="m-auto rounded-lg shadow-lg overflow-hidden w-action-fields max-w-full"
+                style="z-index: 20"
+            >
                 <div class="px-8 py-8 bg-white">
                     <div class="flex flex-col">
                         <div>
@@ -429,9 +433,10 @@
 
             <div 
                 class="
-                    z-10 fixed top-0 left-0 w-full h-full
+                    fixed top-0 left-0 w-full h-full
                     bg-80 opacity-75
                 "
+                style="z-index: 10"
                 @click="hideMenu"
             >
             </div>