@import 'common/var';
.xdh-go-draft {
  position: fixed;
  left: 250px;
  top: 100px;
  z-index: 102;
  &__content {
    padding: 0 0;
    .img {
      vertical-align: middle;
      border: 1px solid $--border-base;
      padding: 5px;
    }
    .txt {
      display: inline-block;
      width: 160px;
      margin: 0 15px;
      vertical-align: middle;
    }
    .time {
      font-size: 10px;
      color: $--color-secondary-text;
    }
    .btns {
      margin-left: 10px;
      display: inline-block;
      vertical-align: middle;
      .iconfont {
        font-size: 16px;
        margin-left: 5px;
        float: right;
        cursor: pointer;
        &.remove {
          color: $--color-danger;
        }
        &.load {
          color: $--color-primary;
        }
      }
    }
    .name {
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  }
  &__footer {
    padding: 5px 10px;
    .name-input {
      width: 200px;
      display: inline-block;
      margin-right: 10px;
      width: calc(100% - 80px);
    }
  }
  &__item {
    background-color: $grey-9;
    padding: 5px;
    border-bottom: 1px solid $grey-3;
  }
}