Commit 3f2b2c7c8cd339569d8159526861ec4832ab8f1b

Authored by Igor Kulikov
1 parent 63beb4c5

Fix fullscreen mode for ace editors inside react schema form.

@@ -21,24 +21,46 @@ $swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default; @@ -21,24 +21,46 @@ $swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default;
21 $input-label-float-offset: 6px !default; 21 $input-label-float-offset: 6px !default;
22 $input-label-float-scale: .75 !default; 22 $input-label-float-scale: .75 !default;
23 23
24 -.SchemaForm {  
25 - &.SchemaFormFullscreen {  
26 - position: relative;  
27 - width: 100%;  
28 - height: 100%;  
29 -  
30 - > div:not(.fullscreen-form-field) {  
31 - display: none; 24 +.tb-fullscreen {
  25 + [name="ReactSchemaForm"] {
  26 + .SchemaForm {
  27 + &.SchemaFormFullscreen {
  28 + position: absolute;
  29 + top: 0;
  30 + right: 0;
  31 + bottom: 0;
  32 + left: 0;
  33 +
  34 + > div:not(.fullscreen-form-field) {
  35 + display: none !important;
  36 + }
  37 +
  38 + > div.fullscreen-form-field {
  39 + position: relative;
  40 + width: 100%;
  41 + height: 100%;
  42 + }
  43 + }
32 } 44 }
33 45
34 - > div.fullscreen-form-field {  
35 - position: relative;  
36 - width: 100%;  
37 - height: 100%; 46 + > div {
  47 + > section {
  48 + margin: 0 !important;
  49 + box-shadow: none !important;
  50 +
  51 + .SchemaGroupname {
  52 + display: none !important;
  53 + }
  54 +
  55 + > div {
  56 + padding: 0 !important;
  57 + }
  58 + }
38 } 59 }
39 } 60 }
40 } 61 }
41 62
  63 +
42 .json-form-error { 64 .json-form-error {
43 position: relative; 65 position: relative;
44 bottom: -5px; 66 bottom: -5px;