@root-entry-name: 'default';
@import (reference) '~antd/es/style/themes/index.less';

.pro-edit-label {
  display: inline-block;

  .pro-form-view {
    .@{ant-prefix}-row {
      display: block;
    }
  }

  .pro-form-view-container {
    word-break: break-all;
    display   : inline-block;
  }

  &.trigger-hover {
    .anticon-edit {
      display: none;
    }

    &:hover {
      .anticon-edit {
        display: block;
      }
    }

  }

  .anticon-edit {
    color  : #D8D8D8;
    cursor : pointer;
    padding: var(--zaui-space-size-xs, 4px);

    &:hover {
      color: var(--zaui-brand, #006AFF);
    }

    &:active {
      background   : #E3E8F0;
      border-radius: var(--zaui-border-radius-card, 2px);
    }
  }

  &.pro-edit-label-small {
    height: 24px;
  }

  &.pro-edit-label-middle {
    height: 32px;
  }

  &.pro-edit-label-large {
    height: 40px;
  }

}

.@{ant-prefix}-popover {
  .@{ant-prefix}-btn-sm {
    font-size  : var(--zaui-font-size-sm, 12px);
    min-width  : 56px;
    line-height: 1;

    span {
      letter-spacing: -1px;
    }

  }
}

.pro-edit-label-popconfirm {
  z-index: 1001 !important;

  .@{ant-prefix}-popover-message {
    display: block;
  }

  .@{ant-prefix}-popover-message-title {
    padding-left: 0;
  }

  .@{ant-prefix}-popover-content {
    width    : 360px;
    max-width: 400px;
  }

  .pro-edit-label-title {
    font-size    : var(--zaui-font-size-lg, 16px);
    font-weight  : 500;
    color        : var(--zaui-text, #343434);
    margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size; 1));
  }

  .pro-edit-label-tip {
    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
    color        : #666;

    .anticon-info-circle {
      font-size   : var(--zaui-font-size-lg, 16px);
      margin-right: var(--zaui-space-size-sm, 8px);
      color       : var(--zaui-warning, #EC9131);
      margin-top  : var(--zaui-space-size-xs, 4px);
    }
  }

  .pro-edit-label-popup {
    min-width: 300px;

    .pro-form {
      width: 100%;

      &.pro-form-no-label {
        .@{ant-prefix}-form-item-label {
          display: none;
        }
      }
    }

    .@{ant-prefix}-col-10 {
      flex         : 0 0 var(--zaui-form-label-width, 130px);
      text-align   : var(--zaui-form-align, left);
      white-space  : pre-wrap;
      line-height  : 1;
      overflow     : initial;
      box-sizing   : border-box;
      padding-right: var(--zaui-space-size-md, 16px);
    }

  }

  .@{ant-prefix}-select {
    width: 100%;
  }

}