tntd/lib/tntd-virtual-tree/index.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

.tntd-virtual-tree{
  padding: 0;
  white-space: nowrap;
  .tntd-virtual-tree-item{
    border-radius: @border-radius-base;
    color: #17233d;
    text-decoration: none;
    cursor: pointer;
    line-height: 22px;
    font-size: 14px;
    box-sizing: border-box;
    display: inline-flex;
    line-height: @line-height-base;

    &:last-child{
      padding-bottom: 0;
    }

    &>div:hover{
      background-color: @blue-1;
    }

    &_active>div{
      background-color: @blue-1 !important;
      border-radius: 4px;
      color: #17233d;
      font-weight: 600;
    }

    .tntd-virtual-tree-item-expand-icon{
      display: inline-block;
      width: 16px;
      line-height: 26px;

      .anticon-caret-down,.anticon-caret-right {
        vertical-align: middle;
        font-size: 16px;
        margin-right: 4px;
      }
    }

    .tntd-virtual-tree-item-checkbox{
      display: inline-block;
      margin: 5px 4px;
      vertical-align: middle;
    }

    .tntd-virtual-tree-title{
      padding: 6px 5px;
      flex: 1;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      flex: 1;
      line-height: @line-height-base;
      width: calc(100% - 16px);
    }

    &.tntd-virtual-tree-item_disabled{
      color: rgba(0, 0, 0, 0.25);
      cursor: not-allowed;

      &:hover{
        background-color: inherit;
      }
    }
  }
}

.org-item-wrapper{
  display: flex;

  &>.tntd-ellipsis{
    overflow: hidden;
  }
}
.org-functional-departemt-marker{
  border-radius: 8px;
  background: #F4F3FF;
  line-height: 21px;
  text-align: center;
  padding: 0px 8px;
  color: #6E54D4;
  margin-left: 8px;
  display: inline-block;
}