amis/scss/components/form/_editor.scss

71 lines
1.1 KiB
SCSS
Raw Normal View History

2019-04-30 11:11:25 +08:00
// todo
.#{$ns}EditorControl {
2019-12-06 09:58:08 +08:00
min-height: px2rem(200px);
max-height: px2rem(400px);
2019-12-06 09:58:08 +08:00
> .#{$ns}MonacoEditor,
> .#{$ns}MonacoEditor > .monaco-diff-editor {
min-height: px2rem(198px);
}
2019-12-06 09:58:08 +08:00
overflow: visible;
height: auto;
border: $Form-input-borderWidth solid $Form-input-borderColor;
max-width: 100%;
box-sizing: content-box;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&.is-error {
border-color: $Form-input-onError-borderColor;
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&.is-focused {
border-color: $Form-input-onFocused-borderColor;
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--md {
min-height: 250px;
2019-12-06 09:58:08 +08:00
> .#{$ns}MonacoEditor {
min-height: 250px;
2019-04-30 11:11:25 +08:00
}
2019-12-06 09:58:08 +08:00
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--lg {
min-height: 300px;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
> .#{$ns}MonacoEditor {
min-height: 300px;
2019-04-30 11:11:25 +08:00
}
2019-12-06 09:58:08 +08:00
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--xl {
min-height: 400px;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
> .#{$ns}MonacoEditor {
min-height: 400px;
2019-04-30 11:11:25 +08:00
}
2019-12-06 09:58:08 +08:00
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--xxl {
min-height: 500px;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
> .#{$ns}MonacoEditor {
min-height: 500px;
2019-04-30 11:11:25 +08:00
}
2019-12-06 09:58:08 +08:00
}
2019-04-30 11:11:25 +08:00
}
.monaco-inputbox > .wrapper {
2019-12-06 09:58:08 +08:00
padding: 0;
2019-04-30 11:11:25 +08:00
}
// @media (min-width: 768px) {
// .amis-editor-control.form-contorl-inline,
// .form-group-inline .amis-editor-control {
// display: inline-block;
// width: 280px;
// }
// }