primeng/resources/components/tree/tree.css

[](https://badge.fury.io/js/primeng) [](https://www.npmjs.com/package/primeng) [![Actions CI](https://github.com/primefaces/primeng/workflows/No

@layer primeng {
    .p-tree-container {
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow: auto;
    }

    .p-treenode-children {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .p-tree-wrapper {
        overflow: auto;
    }

    .p-treenode-selectable {
        cursor: pointer;
        user-select: none;
    }

    .p-tree-toggler {
        cursor: pointer;
        user-select: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        flex-shrink: 0;
    }

    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
        visibility: hidden;
    }

    .p-treenode-content {
        display: flex;
        align-items: center;
    }

    .p-tree-filter {
        width: 100%;
    }

    .p-tree-filter-container {
        position: relative;
        display: block;
        width: 100%;
    }

    .p-tree-filter-icon {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
    }

    .p-tree-loading {
        position: relative;
        min-height: 4rem;
    }

    .p-tree .p-tree-loading-overlay {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .p-tree-flex-scrollable {
        display: flex;
        flex: 1;
        height: 100%;
        flex-direction: column;
    }

    .p-tree-flex-scrollable .p-tree-wrapper {
        flex: 1;
    }

    .p-tree .p-treenode-droppoint {
        height: 4px;
        list-style-type: none;
    }

    .p-tree .p-treenode-droppoint-active {
        border: 0 none;
    }

    .p-tree-horizontal {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        overflow: auto;
    }

    .p-tree.p-tree-horizontal table,
    .p-tree.p-tree-horizontal tr,
    .p-tree.p-tree-horizontal td {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    .p-tree-horizontal .p-treenode-content {
        font-weight: normal;
        padding: 0.4em 1em 0.4em 0.2em;
        display: flex;
        align-items: center;
    }

    .p-tree-horizontal .p-treenode-parent .p-treenode-content {
        font-weight: normal;
        white-space: nowrap;
    }

    .p-tree.p-tree-horizontal .p-treenode {
        background: url('./images/line.gif') repeat-x scroll center center transparent;
        padding: 0.25rem 2.5rem;
    }

    .p-tree.p-tree-horizontal .p-treenode.p-treenode-leaf,
    .p-tree.p-tree-horizontal .p-treenode.p-treenode-collapsed {
        padding-right: 0;
    }

    .p-tree.p-tree-horizontal .p-treenode-children {
        padding: 0;
        margin: 0;
    }

    .p-tree.p-tree-horizontal .p-treenode-connector {
        width: 1px;
    }

    .p-tree.p-tree-horizontal .p-treenode-connector-table {
        height: 100%;
        width: 1px;
    }

    .p-tree.p-tree-horizontal .p-treenode-connector-line {
        background: url('./images/line.gif') repeat-y scroll 0 0 transparent;
        width: 1px;
    }

    .p-tree.p-tree-horizontal table {
        height: 0;
    }
    
    /* Virtual Scroll */
    .p-scroller .p-tree-container {
        overflow: visible;
    }
}