@sensilla-cloud/react-file-tree/lib/index.css

Virtualized tree for displaying hierarchy in a traditional file-tree format

.react-file-tree .react-file-tree-child .react-file-tree-child-row,.react-file-tree .react-file-tree-virtual-child-wrapper .react-file-tree-child-row{display:flex;flex-direction:row;align-items:center}.react-file-tree .react-file-tree-child .react-file-tree-child-row .react-file-tree-child-fold-button,.react-file-tree .react-file-tree-virtual-child-wrapper .react-file-tree-child-row .react-file-tree-child-fold-button{margin-right:5px;cursor:pointer}.react-file-tree .react-file-tree-child:not(:last-child),.react-file-tree .react-file-tree-virtual-child-wrapper:not(:last-child){margin-bottom:5px}.react-file-tree .react-file-tree-child .react-file-tree-child-button,.react-file-tree .react-file-tree-virtual-child-wrapper .react-file-tree-child-button{background-color:#ddd;border-radius:.25em;border:1px solid #000;width:20px;height:20px;text-align:center;line-height:20px;user-select:none}.react-file-tree .react-file-tree-child.react-file-tree-child-selected,.react-file-tree .react-file-tree-virtual-child-wrapper.react-file-tree-child-selected{background-color:#add8e6}.react-file-tree .react-file-tree-child.react-file-tree-child-disabled,.react-file-tree .react-file-tree-virtual-child-wrapper.react-file-tree-child-disabled{background-color:#aaa}.react-file-tree .react-file-tree-child .react-file-tree-child-label,.react-file-tree .react-file-tree-virtual-child-wrapper .react-file-tree-child-label{flex-grow:1}.react-file-tree.react-file-tree-disabled .react-file-tree-child .react-file-tree-child-row{background-color:#eee}.react-file-tree.react-file-tree-disabled .react-file-tree-child .react-file-tree-child-row .react-file-tree-child-button{background-color:#aaa;color:#ccc}.react-file-tree.react-file-tree-disabled .react-file-tree-child .react-file-tree-child-row .react-file-tree-child-fold-button{cursor:not-allowed}