Fix fullscreen mode for ace editors inside react schema form.

ui/src/app/components/react/json-form.scss

@@ -21,24 +21,46 @@ $swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default;
 $input-label-float-offset: 6px !default;
 $input-label-float-scale: .75 !default;
 
-.SchemaForm {
+.tb-fullscreen {
-  &.SchemaFormFullscreen {
+  [name="ReactSchemaForm"] {
-    position: relative;
+    .SchemaForm {
-    width: 100%;
+      &.SchemaFormFullscreen {
-    height: 100%;
+        position: absolute;
-
+        top: 0;
-    > div:not(.fullscreen-form-field) {
+        right: 0;
-      display: none;
+        bottom: 0;
+        left: 0;
+
+        > div:not(.fullscreen-form-field) {
+          display: none !important;
+        }
+
+        > div.fullscreen-form-field {
+          position: relative;
+          width: 100%;
+          height: 100%;
+        }
+      }
     }
 
-    > div.fullscreen-form-field {
+    > div {
-      position: relative;
+      > section {
-      width: 100%;
+        margin: 0 !important;
-      height: 100%;
+        box-shadow: none !important;
+
+        .SchemaGroupname {
+          display: none !important;
+        }
+
+        > div {
+          padding: 0 !important;
+        }
+      }
     }
   }
 }
 
+
 .json-form-error {
   position: relative;
   bottom: -5px;