
/* the tree node's style */


.treeView {
    overflow-y: hidden;
  }
  
  .treeViewItem {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     height:32px;
     cursor: pointer;
     padding: 0 16px;
     padding-right: 0;
     border-radius: 4px;
     .inner {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: calc(100% - 20px);
        .node {
            width: 100%;
            overflow:hidden; //超出的文本隐藏
            text-overflow:ellipsis; //溢出用省略号显示
            white-space:nowrap; //溢出不换行
            span {
              
            }
        }
        &.showActionBtn {
          width: calc(100% - 70px);
        }
     }
     &.actived {
         color: @primary-color;
         background-color:rgba(0, 82, 142,0.2);
     }
  }
  
  /* style for the children nodes container */
  .treeViewChildren {
    margin-left: 16px;
  }
  
  .treeViewChildrenCollapsed {
    height: 0px;
  }
  
  .treeViewArrow {
    cursor: pointer;
    height:18px;
    margin-right: 6px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0;
  }
  
  .treeViewArrow:after {
    content: '';
    display: inline-block;
    background: url('../../images/folderOpen.png') no-repeat;/*兼容没测*/
    background-size: 100% 100%;
    width: 18px;
    height:18px;
    line-height: 18px;
    position: relative;
    // top:4px;
  }
  
  /* rotate the triangle to close it */
  .treeViewArrowCollapsed:after {
    content: '';
    display: inline-block;
    background: url('../../images/folderClose.png') no-repeat;/*兼容没测*/
    background-size: 100% 100%;
    width: 18px;
    height:18px;
    position: relative;
    // top:4px;
  }