@wizishop/wizi-block 15.0.85-beta → 15.0.86-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/wizi-block",
-  "version": "15.0.85-beta",
+  "version": "15.0.86-beta",
   "description": "## To use WiziBlock, you have to :",
   "repository": {
     "type": "git",

package/wizi-block.scss

@@ -1370,11 +1370,7 @@ wb-structure-config-extended-input {
 }
 
 wb-structure-tools {
-    position: absolute;
     z-index: 2;
-    left: 0;
-    width: 100%;
-    height: 1px;
 }
 
 .cdk-drag-dragging, .cdk-drag-preview {
@@ -1384,16 +1380,13 @@ wb-structure-tools {
 }
 .wb-component {
     &__container {
+        background-color: $wb-white;
         border: rem(2) solid $wb-wizishop-blue-light;
         @include simple_transition();
         padding: rem(60) rem(12) rem(12);
         border-radius: 3px;
         position: relative;
         z-index: 1;
-
-        &:focus-within {
-            z-index: 99999;
-        }
     }
 
     .wb-structure-tools {
@@ -1961,6 +1954,10 @@ html .ql-bubble {
     height: 21px;
 }
 
+.editorjs-focused {
+    z-index: 99 !important;
+}
+
 wz-editor {
     display: block;
     width: 100%;
@@ -2997,10 +2994,10 @@ wb-loader {
 }
 .wb-structure-tools {
     position: relative;
-    z-index: 1;
+    z-index: 9;
 
     &.hover {
-        z-index: 99999;
+        z-index: 41;
         background-color: $wizishop-blue !important;
     }
 
@@ -17947,10 +17944,6 @@ $color-bd: #dddddd;
             justify-content: center;
             align-items: flex-start;
             align-content: flex-start;
-
-            &:focus-within {
-                z-index: 99999;
-            }
         }
 
         &__config {
@@ -17975,9 +17968,6 @@ $color-bd: #dddddd;
             justify-content: center;
             padding: 0 5px;
             margin: 18px 0 0;
-            &:focus-within {
-                z-index: 99999;
-            }
             &__absolute {
                 position: absolute;
                 top: 0;
@@ -18039,9 +18029,6 @@ $color-bd: #dddddd;
                 width: 100%;
                 text-align: center;
                 z-index: 2;
-                &:focus-within {
-                    z-index: 99999;
-                }
             }
         }
 
@@ -19629,18 +19616,9 @@ $color-bd: #dddddd;
         width: 100%;
         height: 100%;
         position: absolute;
-
-        &:focus-within {
-            z-index: 99;
-        }
     }
 
     > .columns {
-        position: relative;
-        z-index: 1;
-        &:focus-within {
-            z-index: 9999;
-        }
         .column {
             position: relative;
             z-index: 1;
@@ -19661,10 +19639,6 @@ $color-bd: #dddddd;
             overflow: hidden;
             height: 100%;
             position: absolute;
-
-            &:focus-within {
-                z-index: 99999;
-            }
         }
 
         &__text {
@@ -19678,10 +19652,6 @@ $color-bd: #dddddd;
             justify-content: center;
             pointer-events: none;
 
-            &:focus-within {
-                z-index: 99999;
-            }
-
             > div {
                 pointer-events: all;
                 text-align: center;
@@ -19882,21 +19852,12 @@ $color-bd: #dddddd;
         overflow: hidden;
         height: 100%;
         position: absolute;
-
-        &:focus-within {
-            z-index: 99999;
-        }
     }
 
     &__container {
         position: relative;
         height: 100%;
         padding: rem(50) 0;
-        z-index: 1;
-
-        &:focus-within {
-            z-index: 99999;
-        }
 
         &__text {
             position: relative;
@@ -19970,16 +19931,12 @@ $color-bd: #dddddd;
             overflow: hidden;
             height: 100%;
             position: absolute;
-
-            &:focus-within {
-                z-index: 99999;
-            }
         }
 
         &__text {
             position: relative;
             display: flex;
-            z-index: 1;
+            z-index: 2;
             width: 100%;
             height: 100%;
             align-content: center;
@@ -20056,10 +20013,6 @@ $color-bd: #dddddd;
         width: 100%;
         height: 100%;
         position: absolute;
-
-        &:focus-within {
-            z-index: 99;
-        }
     }
 
     .wb-texts-quadruple__middle-left {
@@ -20075,11 +20028,6 @@ $color-bd: #dddddd;
     }
 
     > .columns {
-        position: relative;
-        z-index: 1;
-        &:focus-within {
-            z-index: 9999;
-        }
         .column {
             position: relative;
             z-index: 1;
@@ -20422,10 +20370,6 @@ $color-bd: #dddddd;
         width: 100%;
         height: 100%;
         position: absolute;
-
-        &:focus-within {
-            z-index: 99;
-        }
     }
 
     .wb-texts-triple__middle {
@@ -20435,11 +20379,6 @@ $color-bd: #dddddd;
     }
 
     > .columns {
-        position: relative;
-        z-index: 1;
-        &:focus-within {
-            z-index: 9999;
-        }
         .column {
             position: relative;
             z-index: 1;