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 21 $input-label-float-offset: 6px !default;
22 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 64 .json-form-error {
43 65 position: relative;
44 66 bottom: -5px;
... ...