@import '../../../assets/variable.less';
@import '~@zgfe/business-lib/es/assets/styles/chunks.less';

.tag-types-manage {
  transition: all 0.3s linear;
  &-item {
    position: relative;
    width: 100%;
    margin-bottom: @margin-xss;
    color: @text-color-secondary;
    font-size: @font-size-lg;
    background: #fff;

    &-title {
      height: @height-lg;
      padding: 0 @padding-lg;
      line-height: @height-lg;
      &-input.ant-input {
        width: calc(100% - @padding-lg);
      }
      &:hover {
        background: #e8efff;
      }
    }

    &-tip {
      padding-left: @padding-lg;
      color: @error-color;
      font-size: 14px;
      line-height: 20px;
    }

    &-option {
      position: absolute;
      top: 4px;
      right: 20px;
      display: flex;
      &-edit,
      &-delete {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: @height-base;
        border-radius: @border-radius-small;
        cursor: pointer;
      }
      &-edit {
        &:hover {
          .__default-hover();
        }
      }
      &-delete {
        margin-left: @margin-xss;
        &:hover {
          color: @error-color;
          background-color: @red-2;
        }
      }
    }
  }

  &-btn-base {
    display: flex !important;
    align-items: center;
    i {
      margin-right: @margin-xs;
    }
  }
  &-btn {
    margin: @margin-sm 0 0 @margin-lg;
  }

  &-btn-footer {
    position: absolute !important;
    bottom: 16px;
    left: 24px;
  }

  .ant-modal-body {
    min-height: 200px;
    max-height: 396px;
    padding: 0 0 16px 0;
    overflow: auto;
  }

  .ant-modal-content .ant-modal-footer {
    padding: 16px 24px !important;
    box-shadow: 0px -1px 0px #e8efff;
  }

  &-spin.ant-spin-nested-loading {
    position: static;
    .ant-spin-container {
      position: inherit;
    }
  }

  /*拖拽*/
  &-dnd-temp {
    height: @height-lg;
    margin: 0 @margin-lg;
    border: 1px dashed #ecedf0;
    border-radius: 100px;
  }
  &-dnd-drag {
    z-index: 10;
    .tag-types-manage-item {
      background: #e8efff;
    }
  }
}