fix: rolling back css changes for drag&drop blocks feature

src/styles/block.css

@@ -45,18 +45,42 @@
   }
 
   &--drop-target &__content {
+    &:before {
+      content: '';
+      position: absolute;
+      top: 100%;
+      left: -20px;
+      margin-top: -1px;
+      height: 8px;
+      width: 8px;
+      border: solid var(--color-active-icon);
+      border-width: 1px 1px 0 0;
+      transform-origin: right;
+      transform: rotate(45deg);
+    }
+
     &:after {
       content: '';
+      position: absolute;
       top: 100%;
       height: 1px;
-      position: absolute;
       width: 100%;
-      border-bottom: 5px solid var(--selectionColor);
-      pointer-events: none;
+      color: var(--color-active-icon);
+      background: repeating-linear-gradient(
+        90deg,
+        var(--color-active-icon),
+        var(--color-active-icon) 1px,
+        #fff 1px,
+        #fff 6px
+      );
     }
   }
 
   &--drop-target-top &__content {
+    &:before {
+      top: 0%;
+    }
+
     &:after {
       top: 0%;
     }

src/styles/toolbar.css

@@ -61,10 +61,6 @@
     cursor: pointer;
     user-select: none;
 
-    &__settings-btn-dragging {
-      opacity: 0;
-    }
-
     @media (--not-mobile){
       width: 18px;
     }