@use '../style/common/var' as *;
@use '../style/mixins/mixins' as *;

// 解决 使用el-table的show-overflow-tooltip的样式问题
.pagoda-table-editable .cell.el-tooltip {
  .pagoda-table-editable-cell {
    display: inline;
    &__content {
      display: inline;
      @include text-ellipsis;
    }
  }
}

.pagoda-table-editable-cell {
  &__content {
    outline: 0 !important;
  }

  &__error-msg {
    margin-top: 4px;
    line-height: 1;
    color: var(--el-color-danger);
  }

  &.is-validate-error {
    .el-select-v2__wrapper,
    .el-select-v2__wrapper:focus,
    .el-input__wrapper,
    .el-input__wrapper:focus,
    .el-textarea__inner,
    .el-textarea__inner:focus {
      box-shadow: 0 0 0 1px var(--el-color-danger) inset;
    }
  }

  & > {
    .el-autocomplete,
    .el-select,
    .el-select-v2,
    .el-date-editor.el-input__wrapper,
    .el-date-editor.el-input,
    .el-cascader {
      width: 100%;
    }
  }
}

.el-popper.pagoda-table-editable-cell-validate-msg.is-light {
  // font-size: 12px;
  max-width: 150px;
  word-break: break-all;
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.18);
  border: 0;
  color: var(--el-color-danger);
}
.el-popper.pagoda-table-editable-cell-validate-msg.is-light .popper__arrow {
  border: 0;
}