2023-06-14

king

2023-06-14 08cce3334a2dc81d690b518136b0aaea64e48b0b

 src/templates/modalconfig/dragelement/index.scss

@@ -15,8 +15,174 @@
}
.modal-fields-row {
  padding-bottom: 35px;
  .ant-col {
    padding-left: 12px;
    padding-right: 12px;
  >.ant-col {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-left: 1.2%;
    padding-right: 1.2%;
  }
}
  .split-line {
    color: #1890ff;
    font-size: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
  .ant-form-item.checkcard {
    .ant-form-item-control {
      line-height: 1;
    }
  }
  .ant-form-item.actived {
    .mk-form-label {
      color: #1890ff;
    }
  }
  .mk-form-label:after {
    content: ':';
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
    text-decoration: none;
  }
  .mk-form-label.no-colon {
    opacity: 0;
    width: 1px;
    display: inline-block;
  }
  .ant-form-item-no-colon::after {
    content: none!important;
  }
  .ant-form-item {
    cursor: move;
    display: flex;
    margin-bottom: 0px;
    .ant-form-item-label {
      overflow: visible;
      position: relative;
      cursor: move;
      height: 40px;
      width: 33.3%;
      label {
        width: 100%;
        cursor: move;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .ant-form-item-control-wrapper {
      position: relative;
      flex: 1;
      .ant-select {
        width: 100%;
        margin-top: 4px;
      }
      .field-name {
        line-height: 1.3;
        float: left;
      }
      .ant-btn + .field-name {
        float: none;
      }
      .ant-checkbox-group {
        line-height: 40px;
        .ant-checkbox-wrapper {
          margin-right: 8px;
        }
        .ant-checkbox-wrapper + .ant-checkbox-wrapper {
          margin-left: 0px;
        }
      }
      .ant-radio-group {
        line-height: 40px;
      }
      .ant-calendar-picker {
        width: 100%;
        margin-top: 4px;
      }
      .ant-input-number {
        margin-top: 4px;
      }
      .color-sketch-block {
        margin-top: 7px;
        overflow: hidden;
        .color-sketch-block-box {
          min-width: 100px;
        }
      }
      .normal-braft-editor {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
      }
    }
    .ant-form-item-control-wrapper::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      z-index: 1;
    }
    .ant-col-cuslabel {
      width: 10.5%;
    }
    .ant-col-cuswrap {
      width: 89.5%;
    }
  }
  .ant-form-item label > .anticon {
    vertical-align: middle;
  }
}
.modal-fields-row.up_down {
  .ant-form-item {
    display: block!important;
    .ant-form-item-label {
      width: 100%!important;
      text-align: left;
      height: 24px!important;
      line-height: 28px!important;
    }
    .ant-form-item-control-wrapper {
      width: 100%!important;
    }
  }
  .no-label {
    .ant-form-item-label {
      display: none;
    }
  }
}
.modal-fields-row.space-normal {
  .page-card {
    margin-bottom: 24px;
  }
}
.modal-fields-row.space-middle {
  .page-card {
    margin-bottom: 15px;
  }
}
.modal-fields-row.space-small {
  .page-card {
    margin-bottom: 5px;
  }
}
// .modal-fields-row.copy {
//   z-index: 3;
// }
// .modal-fields-row.copy::before {
//   content: ' ';
//   display: block;
//   position: fixed;
//   left: 0;
//   right: 0;
//   top: 0;
//   bottom: 0;
//   background: rgba(0,0,0,0.2);
//   z-index: 2;
// }