cleaned up warnings and split collection tree view into Tree View a

1 files changed, 115 insertions, 0 deletions

diff --git a/src/client/views/collections/TreeView.scss b/src/client/views/collections/TreeView.scss
new file mode 100644
index 000000000..17c6b0750
--- /dev/null
+++ b/src/client/views/collections/TreeView.scss
@@ -0,0 +1,115 @@
+@import "../globalCssVariables";
+
+.treeView-container,
+.treeView-container-active {
+    .bullet-outline {
+        position: relative;
+        width: 15px;
+        color: $intermediate-color;
+        transform: scale(0.5);
+        display: inline-block;
+    }
+
+    .bullet {
+        position: relative;
+        width: 15px;
+        color: $intermediate-color;
+        margin-top: 3px;
+        transform: scale(1.3, 1.3);
+        border: #80808030 1px solid;
+        border-radius: 4px;
+    }
+}
+.treeView-container-active {
+    z-index: 100;
+    position: relative;;
+    .formattedTextbox-sidebar {
+        background-color: #ffff001f !important;
+        height: 500px !important;
+    }
+}
+
+.treeView-openRight {
+    display: none;
+    height: 17px;
+    width: 15px;
+}
+
+.treeView-openRight:hover {
+    background: #797777;
+    cursor: pointer;
+}
+
+.treeView-border-outline,
+.treeView-border {
+    display: flex;
+    overflow: hidden;
+}
+.treeView-border{
+    border-left: dashed 1px #00000042;
+}
+
+.treeView-header-editing,
+.treeView-header {
+    border: transparent 1px solid;
+    display: flex;
+    //align-items: center;
+    ::-webkit-scrollbar {
+            display: none;
+    }
+    .formattedTextBox-cont {
+        .formattedTextbox-sidebar {
+            overflow: visible !important;
+            border-left: unset;
+        }
+        overflow: visible !important;
+    }
+
+    .editableView-container-editing-oneLine {
+        min-width: 15px;
+    }
+
+    .documentView-node-topmost {
+        width: unset;
+    }
+
+    >svg {
+        display: none;
+    }
+
+}
+
+.treeView-header:hover {
+    .collectionTreeView-keyHeader {
+        display: inherit;
+    }
+
+    >svg {
+        display: inherit;
+    }
+
+    .treeView-openRight {
+        display: inline-block;
+        height: 17px;
+        width: 15px;
+
+        // display: inline;
+        svg {
+            display: block;
+            padding: 0px;
+            margin-left: 3px;
+        }
+    }
+}
+
+.treeView-header-above {
+    border-top: black 1px solid;
+}
+
+.treeView-header-below {
+    border-bottom: black 1px solid;
+}
+
+.treeView-header-inside {
+    border: black 1px solid;
+}
\ No newline at end of file