mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-04 21:08:55 +08:00
33686a375e
* 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
77 lines
1.2 KiB
SCSS
77 lines
1.2 KiB
SCSS
.#{$ns}EditorControl {
|
|
min-height: px2rem(200px);
|
|
max-height: px2rem(400px);
|
|
|
|
> .#{$ns}MonacoEditor,
|
|
> .#{$ns}MonacoEditor > .monaco-diff-editor {
|
|
min-height: px2rem(198px);
|
|
}
|
|
|
|
overflow: visible;
|
|
height: auto;
|
|
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
|
|
max-width: 100%;
|
|
box-sizing: content-box;
|
|
|
|
&.is-error {
|
|
border-color: var(--Form-input-onError-borderColor);
|
|
}
|
|
|
|
&.is-focused {
|
|
border-color: var(--Form-input-onFocused-borderColor);
|
|
}
|
|
|
|
&--sm {
|
|
min-height: 100px;
|
|
|
|
> .#{$ns}MonacoEditor {
|
|
min-height: 100px;
|
|
}
|
|
}
|
|
|
|
&--md {
|
|
min-height: 250px;
|
|
|
|
> .#{$ns}MonacoEditor {
|
|
min-height: 250px;
|
|
}
|
|
}
|
|
|
|
&--lg {
|
|
min-height: 300px;
|
|
|
|
> .#{$ns}MonacoEditor {
|
|
min-height: 300px;
|
|
}
|
|
}
|
|
|
|
&--xl {
|
|
min-height: 400px;
|
|
|
|
> .#{$ns}MonacoEditor {
|
|
min-height: 400px;
|
|
}
|
|
}
|
|
|
|
&--xxl {
|
|
min-height: 500px;
|
|
|
|
> .#{$ns}MonacoEditor {
|
|
min-height: 500px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.monaco-inputbox > .wrapper {
|
|
padding: 0;
|
|
}
|
|
|
|
// @media (min-width: 768px) {
|
|
|
|
// .amis-editor-control.form-contorl-inline,
|
|
// .form-group-inline .amis-editor-control {
|
|
// display: inline-block;
|
|
// width: 280px;
|
|
// }
|
|
// }
|