@import '~antd/es/style/themes/default.less'; @disabledBgColor: rgb(248, 250, 252); @disabledColor: rgba(0, 0, 0, 0.7); body #app { background: transparent; width: 100%; height: 100%; .pg-viewer-wrapper { overflow-y: auto; } } .pandaXform { width: 100%; padding: 10px; background: white; .fr-generator-container .left-layout { padding: 10px 0 0 0; .left-item { justify-content: left; padding-left: 10px; &:hover { svg { fill: #409eff; } } .anticon { margin-right: 5px; } } } .@{ant-prefix}-spin-nested-loading { height: 100%; .@{ant-prefix}-spin-container { height: 100%; } } .@{ant-prefix}-spin-spinning { background: rgba(255, 255, 255, 0.7); max-height: none !important; } .@{ant-prefix}-tabs-content-holder { height: 664px; overflow: auto; } .fr-generator-container .right-layout { width: 21rem; } .fr-container .fr-label-required { margin: 0; } //表单组横线样式 .@{ant-prefix}-divider-horizontal { margin: 15px 0; } //提示语样式 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .@{ant-prefix}-select-selection-placeholder { color: #8a8282; } // 单行文本框 input[disabled] { color: @disabledColor; cursor: default; background: @disabledBgColor; border: none; } // 多行文本框 .@{ant-prefix}-input[disabled] { color: @disabledColor; box-shadow: none; cursor: default; background: @disabledBgColor; border: none; } //数值输入框样式修改 .@{ant-prefix}-input-number-handler-wrap { opacity: 1; } .@{ant-prefix}-input-number-disabled { border: none; } // 时间选择器的disabled样式 .@{ant-prefix}-picker-disabled { cursor: default; color: @disabledColor; background-color: rgb(250, 250, 250); &+span { cursor: default; } } // radio的disabled样式 .@{ant-prefix}-radio-disabled { cursor: default; &+span { cursor: default; color: @disabledColor; } .@{ant-prefix}-radio-inner { cursor: default; &:after { background: rgba(0, 0, 0, 0.5); } } } .@{ant-prefix}-checkbox-wrapper { margin-top: 10px; margin-left: 5px; } //复选框disabled的样式 .@{ant-prefix}-checkbox-disabled { &+span { cursor: default; color: @disabledColor; } .@{ant-prefix}-checkbox-inner { cursor: default; &:after { border-color: rgba(0, 0, 0, 0.5); } } } // 下拉选未选的disabled样式 .@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) { .@{ant-prefix}-select-selector { color: @disabledColor; cursor: default; border: none; background: @disabledBgColor; } } // 下拉选已选的disabled样式 .@{ant-prefix}-cascader-picker-disabled { color: @disabledColor; background-color: rgb(250, 250, 250); cursor: default; border: none; } // 多选下的tag的disabled样式 .@{ant-prefix}-select-disabled.@{ant-prefix}-select-multiple { .@{ant-prefix}-select-selection-item { color: @disabledColor; background: @disabledBgColor; cursor: default; border: none; } } .@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) { .@{ant-prefix}-select-selector input { cursor: default; } } // 时间选择框 .@{ant-prefix}-picker-input>input[disabled] { color: @disabledColor; } .@{ant-prefix}-picker-disabled { border: none; .@{ant-prefix}-picker-suffix { display: none; } } &-operate-group { display: flex; align-items: flex-end; justify-content: flex-end; padding: 10px 10px; } &-group { i { width: 3px; height: 16px; margin-right: 10px; background-color: #337ab7; } .fr-label-object { .fr-label-title { padding: 10px 10px 0 0; } .fr-label-title::after { content: ''; } } .b--black-20 { border-color: rgba(232, 240, 237, 1); } } .emphasis { input { font-weight: bold; } } .notEditable { input { cursor: default; } } /** @Tips: 在原有框架下,表单渲染后,使用的是flex自动布局,与calc来计算组件宽度,未设置固定宽度,导致页面布局错乱 */ .fr-content, .fr-content .fr-item-wrapper>div { width: 100%; } .pdf-canvas { width: 100%; display: flex; justify-content: center; } }