@import url(../../../../../styles/common/easyvCommon.less);
.navPublic {
  width: 100%;
  max-width: 190px;
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
}

.navWhiteTheme {
  .treeWhiteTheme();
}

.navBlackTheme {
  .treeBlackTheme();
}

.navSet {
  margin-top: 16px;
  .navPublic();
  .tree();
  max-height: calc(100vh - 198px);
  :global {
    .easyv-tree .easyv-tree-node-content-wrapper:hover #actionWrapper {
      display: flex;
    }
    .easyv-tree-draggable-icon {
      order: 1;
    }
    .easyv-tree-indent {
      order: 2;
    }
    .easyv-tree-switcher {
      order: 3;
    }
    .easyv-tree.easyv-tree-block-node .easyv-tree-list-holder-inner .easyv-tree-node-content-wrapper {
      order: 4;
    }
    .easyv-tree.easyv-tree-block-node .easyv-tree-list-holder-inner .easyv-tree-treenode.dragging::after {
      bottom: 0px;
    }
  }
  // TODO antd Tree组件默认样式，后续可以抽离到common中
}
.navDisplay {
  .navPublic();
  .tree();
  max-height: calc(100vh - 118px);
  :global {
    .easyv-tree-switcher {
      padding-left: 0;
      padding-right: 16px;
      order: 3;
    }
    .easyv-tree.easyv-tree-block-node .easyv-tree-list-holder-inner .easyv-tree-node-content-wrapper {
      padding-left: 16px;
    }
    .easyv-tree-switcher_close .easyv-tree-switcher-icon svg {
      transform: rotate(180deg);
    }
    .easyv-tree {
      background: transparent;
    }
  }
}
.navTitle {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
}

.actionIcon {
  display: none;
  cursor: pointer;
}
