Commit 3f2b2c7c8cd339569d8159526861ec4832ab8f1b
1 parent
63beb4c5
Fix fullscreen mode for ace editors inside react schema form.
Showing
1 changed file
with
34 additions
and
12 deletions
@@ -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; |