@import '../../style//index.less';

.hb-tree-wrap {

    overflow: hidden;

    .ant-tree-treenode-switcher-close,
    .ant-tree-treenode-switcher-open {
        display: flex;
        flex-wrap: wrap;

        &>span {
            &.ant-tree-switcher {
                flex: 0 0 24px;
            }
        }

        ul {
            flex: 0 0 100%;
        }
    }

    .ant-tree {
        li {
            .ant-tree-node-content-wrapper {
                flex: 1;
                display: flex;
                align-items: center;
                .ant-tree-title {
                    flex: 1;
                }
                .ant-tree-iconEle {
                    line-height: 21px;
                }
            }
        }
    }

    .ant-tree li .ant-tree-node-content-wrapper {
        height: 30px;

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

    .hb-tree-title-wrap {

        display: flex;
        justify-content: space-between;
        height: 30px;
        align-items: center;

        &:hover {
            background-color: @primary-2;
        }

        .action-menu {
            margin-right: 20px;
            padding: 0 5px;
            text-align: center;
            display: none;
            width: 26px;
            height: 26px;
            line-height: 26px;
            text-align: center;

            i {
                font-size: 16px;
            }
        }

        &:hover {
            .action-menu {
                display: inline-block;
            }
        }

        .tree-title {
            flex: 1;
            padding-right: @padding-md;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;

        }

        .hb-tree-action-dropdown {
            .ant-dropdown-menu-item {
                display: flex;

            }
        }
    }
}