fix: make higher chart box resizable (#11673)

* Added visible resizible icon to all types of blocks in tabs

* Adjusted position of hovered framwes and edited markdown

superset-frontend/src/dashboard/components/DashboardBuilder.jsx

@@ -93,7 +93,7 @@ const StyledDashboardContent = styled.div`
     transition: opacity ${({ theme }) => theme.transitionTiming}s,
       border-color ${({ theme }) => theme.transitionTiming}s,
       box-shadow ${({ theme }) => theme.transitionTiming}s;
-    border: ${({ theme }) => theme.gridUnit / 2}px solid transparent;
+    border: 0px solid transparent;
   }
 `;
 

superset-frontend/src/dashboard/stylesheets/components/markdown.less

@@ -45,14 +45,6 @@
   #brace-editor {
     border: none;
   }
-
-  .resizable-container {
-    span {
-      div {
-        z-index: @z-index-above-dashboard-charts;
-      }
-    }
-  }
 }
 
 /* maximize editing space */

superset-frontend/src/dashboard/stylesheets/dnd.less

@@ -28,6 +28,16 @@
   width: 100%;
 }
 
+.dragdroppable-column {
+  .resizable-container {
+    span {
+      div {
+        z-index: @z-index-above-dashboard-charts;
+      }
+    }
+  }
+}
+
 /* drop indicators */
 .drop-indicator {
   display: block;

superset-frontend/src/dashboard/stylesheets/popover-menu.less

@@ -30,11 +30,11 @@
 .with-popover-menu--focused:after {
   content: '';
   position: absolute;
-  top: 1px;
-  left: -1px;
+  top: 0px;
+  left: 0px;
   width: 100%;
   height: 100%;
-  box-shadow: inset 0 0 0 2px @indicator-color;
+  border: 2px solid @indicator-color;
   pointer-events: none;
 }