@cmstops/pro-compo/es/uploadBefore/style/index.less

[物料平台文档中心](https://arco.design/docs/material/guide)

.tooltip-button {
  height: auto;
  padding: 20px;
}

.table_wrp {
  height: 50vh;
}

._brTop(@p) {
  border-top-left-radius: @p;
  border-top-right-radius: @p;
}

/** 上传列表面板 */

// 布局部分
.panel_wrp {
  position: absolute;
  right: 10px;
  bottom: 10px;

  .panel_card {
    .panel_header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;

      .opt {
        display: flex;
        flex-direction: row;
        gap: 15px;
      }
    }

    .panel_list {
      display: flex;
      flex-direction: column;

      .panel_item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .panel_column {
          display: flex;
          gap: 10px;
          align-items: center;

          &.flex-1 {
            flex: 1;
          }

          &.flex-3 {
            flex: 3;
          }
        }
      }
    }
  }
}

// 样式部分
.panel_wrp {
  width: auto;
  overflow: hidden;

  & *::selection {
    display: none;
  }
  ._brTop(12px);

  .panel_card {
    width: 350px;
    transition: all 0.3s;

    &.expend {
      width: 420px;
    }

    .panel_header {
      width: 90%;
      height: 50px;
      padding: 0 5%;
      color: white;
      background-color: rgb(var(--arcoblue-5));
      ._brTop(10px);

      .title {
        white-space: nowrap;
      }

      .opt {
        font-size: 18px;

        &::selection {
          display: none;
        }

        .bar {
          cursor: pointer;
        }
      }
    }

    .panel_list {
      width: 100%;
      height: 120px;
      overflow-y: scroll;
      transition: all 0.3s;

      &::-webkit-scrollbar {
        display: none;
      }

      &.un_expend {
        height: 0;
        overflow: hidden;
      }

      .panel_item {
        height: 35px;
        padding: 5px 15px;

        .panel_column {
          white-space: nowrap;

          .media_alias {
            width: 160px;
            cursor: pointer;
          }
        }
      }
    }
  }
}

/** 公用 */
.ellips {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}