vue-ant-patterns/lib/d-form-list/style/index.less

vue-ant-patterns

@import '../../style/index.less';

@depot-prefix-cls: ~'@{depot-prefix}-dformlist';
@depot-prefix-content-dropactive: @primary-1;

.@{depot-prefix-cls} {
  &-title {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 36px;
    line-height: 36px;
    background-color: #ecf0f4;
    font-weight: 600;
    &-item {
      padding: 0 16px;
      &-flex {
        flex: 1;
      }
    }

    &-icon {
      width: 32px;
      &-hidden {
        display: none;
      }
    }

    &-operation {
      text-align: center;
      width: 32px;
      &-hidden {
        display: none;
      }
    }
  }

  &-content {
    &-row {
      width: 100%;
      display: flex;
      flex-direction: row;
      height: 32px;
      line-height: 32px;
      border-bottom: 1px solid #ecf0f4;

      &-cursormove {
        cursor: move;
      }

      &-item {
        padding: 0 16px;
        &-flex {
          flex: 1;
        }
        .ant-form-inline .ant-form-item {
          margin-right: 0px;
        }
        .ant-form-item-control {
          line-height: 32px !important;
        }
        .ant-form-item-control-wrapper {
          width: 100%;
        }
        .ant-form-explain {
          display: none;
        }
      }

      &-icon {
        width: 32px;
        text-align: center;
        &-hidden {
          display: none;
        }
      }

      &-minusicon {
        font-size: 16px;
      }

      &-plusicon {
        font-size: 18px;
      }

      &-dragicon {
        font-size: 16px;
        cursor: pointer;
      }

      &-operation {
        width: 32px;
        text-align: center;
        &-hidden {
          display: none;
        }
      }
    }

    &-dropactive {
      background-color: @depot-prefix-content-dropactive;
    }
  }

  &-foot {
    width: 100%;
    height: 41px;
    line-height: 41px;
    text-align: center;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    &-hidden {
      display: none;
    }
  }

  .ant-input {
    font-size: 12px;
  }
}

.flip-list-move {
  transition: transform 0.5s;
}
.formlistTitlerequired {
}
.formlistTitlerequired::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  // font-family: SimSun,sans-serif;
  line-height: 1;
  content: '*';
}
.no-move {
  transition: transform 0s;
}