body > .tree ul > li:first-child::before { top: 12px; } li .leaf { display: flex; flex-direction: row; } li .leaf .folder-icon { padding: 0 2 0 2; } li .leaf a.settings { cursor: pointer; display: block; padding: 0 2 0 2; text-decoration: none; visibility: hidden; z-index: 1; } li .leaf:hover a.settings { visibility: visible; } .tree { margin-top: 20px; } .tree ul li { position: relative; } .tree ul li::after { content: " "; height: 1px; position: absolute; top: 12px; } .tree ul li::before { bottom: -12px; content: " "; height: 7px; position: absolute; top: 5px; } .tree ul li:not(:first-child):last-child::before { display: none; } .tree ul li:only-child::before { bottom: 7px; content: " "; display: list-item; position: absolute; width: 1px; top: 5px; } .tree ul li.with-children::after { background-color: #000; } .tree ul li.with-children::before { background-color: #000; } .tree .lefthanded .leaf { justify-content: flex-end; } .tree .lefthanded ul { margin-right: 5px; } .tree .lefthanded ul li { margin-right: 10px; padding-right: 5px; } .tree .lefthanded ul li.with-children::after { right: -10px; width: 5px; } .tree .lefthanded ul li.with-children::before { right: -10px; width: 1px; } .tree .righthanded .leaf { justify-content: flex-start; } .tree .righthanded ul { margin-left: 5px; } .tree .righthanded ul li { margin-left: 10px; padding-left: 5px; } .tree .righthanded ul li.with-children::after { left: -10px; width: 5px; } .tree .righthanded ul li.with-children::before { left: -10px; width: 1px; } .tree .righthanded ul li.with-children:only::before { background-color: #000; right: 10px; } .tree .file-dropped { background-color: #d8dfe5; } .tree .node-actions { padding-left: 5px; } .tree .node-actions .update-button.enabled { cursor: pointer; } .tree .node-actions .update-button.disabled { cursor: wait; } .tree .node { margin-top: 1px; } .tree .node.node-type-valid .text { color: blue; text-decoration: underline; } .progress-pie { background: rgba(51, 122, 183, 0.1); border-radius: 100%; height: calc(var(--size, 14) * 1px); overflow: hidden; position: relative; width: calc(var(--size, 14) * 1px); } .progress-pie .progress-pie-segment { --a: calc(var(--over50, 0) * -100%); --b: calc((1 + var(--over50, 0)) * 100%); --degrees: calc((var(--offset, 0) / 100) * 360); -webkit-clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b)); clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b)); height: 100%; position: absolute; transform: translate(0, -50%) rotate(90deg) rotate(calc(var(--degrees) * 1deg)); transform-origin: 50% 100%; width: 100%; z-index: calc(1 + var(--over50)); } .progress-pie .progress-pie-segment:after, .progress-pie .progress-pie-segment:before { background: var(--bg, #337ab7); content: ""; height: 100%; position: absolute; width: 100%; } .progress-pie .progress-pie-segment:before { --degrees: calc((var(--value, 45) / 100) * 360); transform: translate(0, 100%) rotate(calc(var(--degrees) * 1deg)); transform-origin: 50% 0%; } .progress-pie .progress-pie-segment:after { opacity: var(--over50, 0); } #node-popup-tooltip .tree .node { margin-top: 5px; } #node-popup-tooltip .tree .children .node { padding-left: 15px; } /*# sourceMappingURL=Tree.css.map */