@import "~antd/es/style/themes/default.less"; .reportSettings { //width: 100%; height: 100%; .reportFiled { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1; &:hover { color: #1685FF; } } .reportDetails { width: 100%; height: 100%; padding: 8px; display: flex; flex-direction: column; position: relative; .colorSketch { width: 100%; height: 100%; position: absolute; z-index: 1001; } :global { .@{ant-prefix}-form-item { margin-bottom: 0 !important; } } .tableWrapper { flex: 1; display: flex; flex-direction: column; overflow: hidden; .controlRow { display: flex; //justify-content: space-between; align-items: center; margin-bottom: 4px; height: 44px; flex: 0 0 44px; padding: 6px; background: #ffffff; .leftBtn { font-size: 18px; font-weight: bold; cursor: pointer; margin-right: 10px; &:hover { color: #1685FF; opacity: 0.8; } } } .tableContent { width: 100%; max-height: calc(100% - 44px); overflow: hidden; flex: 1; background: #FFFFFF; padding: 6px; .tableForm { height: 100%; } } } } } .boxShadow { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .boxShadowOfSwitch { box-shadow: 0 0 4px 2px rgba(24, 144, 255, 0.6); border-right-width: 1px; outline: 0; } .boxShadowOfSelect { box-shadow: 0 0 2px 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; :global { .@{ant-prefix}-select-selector { border-color: #40a9ff!important; } } } .fieldList { cursor: pointer !important; &:hover { color: #1685FF; } &.active { color: #1685FF; } }