@aplus-frontend/ui/theme/ap-copy/ap-copy.less

@import '../mixins/mixins.less';

.b(ap-copy, {
  @root-cls: ~'@{ns}@{common-separator}ap-product-info';
  display: flex;
  align-items: center;
  width: 100%;
  .copy-btn{
    opacity: 0; // 默认透明而非隐藏
    transition: opacity 0.2s ease;
  }
  &:hover{
    .copy-btn{
      opacity: 1; 
    }
  }
  &__text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
  }
  &--text-major{
    color: var(--ap-text-color-2);
  }
  &--text-minor{
    color: var(--ap-text-color-3)
  }
  &--text-link{
    color: var(--ap-color-link);
    cursor: pointer;
    &:hover{
      color: var(--ap-color-link-hover);
    }
  }
   &__copy-btn{
      flex-shrink: 0; // 防止按钮被压缩
      width: 16px;
      margin-left:4px;
      display: flex;
      align-items: center;
      .aplus-frontend-icon{
        cursor: pointer;
        color:#ABB7CC;
        height: 14px;
        line-height: 14px;
      }
    }
    &__copy-btn:hover{
      .aplus-frontend-icon{
        cursor: pointer;
        color: var(--ap-color-link);
      }
    }
   &--admin {
    .@{root-cls} {
      &__text{
        color:#333333;
      }
    }
  }
});