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 | 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; | ... | ... |