@import "../../style/variables.less";
@editable-cell-prefix-cls: ~"@{component-prefix}-editable-cell";
:global {
  .@{editable-cell-prefix-cls} {
    position: relative;
    &-input-wrapper {
      padding-right: 24px;
    }
    &-text-wrapper {
      padding: 5px 24px 5px 5px;
    }
    &-icon {
      line-height: 18px;
      display: none;
      &,
      &-check {
        position: absolute;
        right: 0;
        width: 20px;
        cursor: pointer;
      }
      &-check {
        line-height: 28px;
      }
      &:hover,
      &-check:hover {
        color: #108EE9;
      }
    }
    &:hover &-icon {
      display: inline-block;
    }
  }
}