@import "common/var";
.dao-file-input {
  .input-wrap{
    height: $--input-height;
    line-height: $--input-height;
    color: $--input-font-color;
    background-color: $--input-background-color;
    background-image: none;
    border: $--input-border;
    border-radius: $--input-border-radius;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    font-size: $--font-size-base;
    span.flex-content {
      display: flex;
      justify-content: center;
      flex-direction: column;
    }
    &.selection{
      .btn-sm{
        font-size: 12px;
        padding: 5px 11px; 
        /* UI说这是一个特例 未遵循小尺寸 button 的样式 */ 
      }
    }
    &.selected {
      span.file-name-wrap {
        margin-left: 6px;
        text-align: left;
        // width: calc(100% - 66px);
        width: 100%;
        margin: 0 12px 0 2px;
        &>div{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
      .icon{
          font-size: 20px;
          color:$--color-info;
          &:hover {
            cursor: pointer;
          }
      }
    }
  }
  input{
    display: none;
  }
}