Created the treeview source file. See #43

MKHenson · Aug 23, 2016 · 2043566 · 2043566
1 parent 743db77
commit 2043566
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 66 deletions.
diff --git a/lib/gui/treeview/style.scss b/lib/gui/treeview/style.scss
@@ -0,0 +1,61 @@
+.tree-node {
+    margin-left: 25px;
+    cursor: pointer;
+    pointer-events: none;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.tree-node .buffering {
+    display: none;
+    height: 12px;
+}
+.buffering img {
+    height: 100%;
+}
+.tree-node .buffering .white {
+    display:none;
+}
+.tree-node .selected .buffering .white {
+    display:block;
+}
+.tree-node .selected .buffering .gray {
+    display:none;
+}
+
+.tree-node .selectable {
+    pointer-events: all !important;
+    display: inline-block;
+}
+.tree-node img {
+    pointer-events: none;
+    margin-right: 3px;
+}
+.tree-node .text {
+    pointer-events: none;
+    margin-right: 15px;
+}
+.tree-node .text {
+    color: inherit;
+}
+.tree-node-button {
+    width: 15px;
+    height: 15px;
+    padding-left: 5px;
+    display: inline-block;
+}
+.tree-node-top {
+    margin-left: 0px !important;
+}
+.tree-node-top > .first-selectable {
+    margin: 5px;
+}
+.tree-node-topp:first-child {
+    margin: 0 -5px 0 5px;
+}
+.first-selectable {
+    display: block !important;
+    margin: 10px 5px 0px 5px;
+    padding: 6px 3px;
+    border-radius: 5px;
+    pointer-events: all !important;
+}
diff --git a/lib/gui/treeview.ts → lib/gui/treeview/treeview.tsx b/lib/gui/treeview.ts → lib/gui/treeview/treeview.tsx
diff --git a/lib/main.scss b/lib/main.scss
@@ -183,71 +183,6 @@ Please only put css rules in here for layout related requirements.
 //     border-bottom: 15px solid #607DA0;
 // }
 
-/**
-* Tree + nodes
-*/
-.tree-node {
-    margin-left: 25px;
-    cursor: pointer;
-    pointer-events: none;
-    white-space: nowrap;
-    overflow: hidden;
-}
-.tree-node .buffering {
-    display: none;
-    height: 12px;
-}
-.buffering img {
-    height: 100%;
-}
-.tree-node .buffering .white {
-    display:none;
-}
-.tree-node .selected .buffering .white {
-    display:block;
-}
-.tree-node .selected .buffering .gray {
-    display:none;
-}
-
-.tree-node .selectable {
-    pointer-events: all !important;
-    display: inline-block;
-}
-.tree-node img {
-    pointer-events: none;
-    margin-right: 3px;
-}
-.tree-node .text {
-    pointer-events: none;
-    margin-right: 15px;
-}
-.tree-node .text {
-    color: inherit;
-}
-.tree-node-button {
-    width: 15px;
-    height: 15px;
-    padding-left: 5px;
-    display: inline-block;
-}
-.tree-node-top {
-    margin-left: 0px !important;
-}
-.tree-node-top > .first-selectable {
-    margin: 5px;
-}
-.tree-node-topp:first-child {
-    margin: 0 -5px 0 5px;
-}
-.first-selectable {
-    display: block !important;
-    margin: 10px 5px 0px 5px;
-    padding: 6px 3px;
-    border-radius: 5px;
-    pointer-events: all !important;
-}
-
 /**
 ======================================================
 				CSS LAYOUT DEFINITIONS
@@ -283,6 +218,7 @@ body {
 @import 'gui/list/style.scss';
 @import 'gui/logger/style.scss';
 @import 'gui/tab/style.scss';
+@import 'gui/treeview/style.scss';
 @import 'gui/context-menu/style.scss';
 @import 'gui/split-panel/style.scss';
 @import 'gui/tooltip/style.scss';

diff --git a/tsconfig.json b/tsconfig.json
@@ -73,7 +73,7 @@
     "lib/gui/window/react-window.tsx",
     "lib/gui/context-menu/context-menu.tsx",
     "lib/gui/context-menu.ts",
-    "lib/gui/treeview.ts",
+    "lib/gui/treeview/treeview.tsx",
     "lib/gui/tab/tab.tsx",
     "lib/gui/tab/tab-pane.tsx",
     "lib/gui/tab/tab-pair.ts",