fix primefaces#14445

added removed css classes for p-tree horizontal layout
HeavyRainLQ · Dec 28, 2023 · 5d12982 · 5d12982
1 parent d036cd6
commit 5d12982
Showing 1 changed file with 61 additions and 0 deletions.
diff --git a/src/app/components/tree/tree.css b/src/app/components/tree/tree.css
@@ -90,6 +90,67 @@
         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;