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

@upload-tree-prefix-cls: ~'@{fc-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;
  }

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

.progress {
    width: 50%;
  }

  .iconClass {
    width: 14px;
    display: none;
  }

  .custom{
    display: flex;
    justify-content: space-between;
  }

  .custom .iconClass{
    margin-right: 10px;
  }
  .custom:hover .iconClass,
  .custom:active .iconClass {
    display: inline-block;
  }

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

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

  .leafContainer .iconClass{
    margin-right: 8px;
  }

  .leaf {
    width: calc(100% - 10px);
    display: flex;
    justify-content: space-between;
    flex: 1;
  }

  .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{
    padding: @padding-mini 0;
  }

  .ant-tree li .ant-tree-node-content-wrapper{
    padding: 3px 6px;
    height: 30px;
  }

  .ant-tree li span.ant-tree-switcher{
    width: 14px;
    height: 30px;
    line-height: 30px;
  }

  .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: @black-2;
    color: @primary-6;
  }

  :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;
  }

  .tag{
    margin-left: @unit;
  }
  
  .btn{
    color: @black-8;
    font-size: 16px;
  }
}