Browse Source

Fix fullscreen mode for ace editors inside react schema form.

pull/1876/head
Igor Kulikov 7 years ago
parent
commit
3f2b2c7c8c
  1. 46
      ui/src/app/components/react/json-form.scss

46
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 {
&.SchemaFormFullscreen {
position: relative;
width: 100%;
height: 100%;
> div:not(.fullscreen-form-field) {
display: none;
.tb-fullscreen {
[name="ReactSchemaForm"] {
.SchemaForm {
&.SchemaFormFullscreen {
position: absolute;
top: 0;
right: 0;
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 {
position: relative;
width: 100%;
height: 100%;
> div {
> section {
margin: 0 !important;
box-shadow: none !important;
.SchemaGroupname {
display: none !important;
}
> div {
padding: 0 !important;
}
}
}
}
}
.json-form-error {
position: relative;
bottom: -5px;

Loading…
Cancel
Save