added html and css editors

codeeditor-app/elements/resize-handle/resize-handle.less

@@ -2,20 +2,42 @@
 
 resize-handle {
     background: transparent;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 8px;
+    position: absolute !important;
     z-index: 9;
     cursor: ew-resize;
     transition: 1s ease-in;
+    flex: none !important;
 }
 
-resize-handle:hover {
+resize-handle[dir="horizontal"] {
+    cursor: ew-resize;
+    width: 8px;
+    top: 0;
+    bottom: 0;
+}
+
+resize-handle[dir="vertical"] {
+    cursor: ns-resize;
+    height: 8px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+resize-handle:hover, resize-handle.active {
     background: @primary-interaction-highlight-white;
     transition: none;
 }
 
+#fixed-resize-overlay {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 10;
+}
+
 @media (prefers-color-scheme: dark) {
 
     resize-handle:hover {