@import '../../../style/themes/index';
@import '../../../style/mixins/index';

@upload-tree-prefix-cls: ~'@{sail-prefix}-upload-tree';

.@{upload-tree-prefix-cls} {
  /** 样式写在这里面 */
  .button {
    margin-left: 10px;
    float: right;
  }

  .deletIcon {
    margin-left: 10px;
    float: right;
  }

  .uploadingTitle {
    width: 50%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .progress {
    width: 50%;
  }

  .iconClass {
    display: none;
  }

  .custom:hover .iconClass,
  .custom:active .iconClass {
    display: inline-block;
  }

  .leaf:hover .iconClass,
  .leaf:active .iconClass {
    display: inline-block;
  }

  .leaf {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .ant-tree-treenode-switcher-open,
  .ant-tree-treenode-switcher-close {
    width: 100%;
  }

  .ant-tree-node-content-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .ant-tree li .ant-tree-node-content-wrapper:hover {
    background-color: @black-2;
  }

  .ant-tree li .ant-tree-node-content-wrapper {
    color: @black-10;
  }

  .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: @primary-1;
  }

  :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
  :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
    color: @black-8;
  }
}