WIP: implement family-tree

Author: dabeng

demo/family-tree.html

@@ -13,7 +13,6 @@
     }
     .orgchart .node {
       padding: 3px 8px;
-      /* box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px; */
     }
     .orgchart .node .avatar {
       border-radius: 60px;
@@ -65,7 +64,7 @@
                       { 'id': '12', 'name': 'Pang Pang', 'title': 'Wife', 'gender': 'female', 'outsider': true,
                         'children': [
                           [{ 'id': '7', 'name': 'Dan Dan', 'title': 'Daughter', 'gender': 'female' }],
-                          // [{ 'id': '6', 'name': 'Er Dan', 'title': 'Daughter', 'gender': 'female' }],
+                          [{ 'id': '6', 'name': 'Er Dan', 'title': 'Daughter', 'gender': 'female' }],
                         ]
                       },
                       { 'id': '5', 'name': 'Hei Hei', 'title': 'Me', 'gender': 'male' },

dist/css/jquery.orgchart.css

@@ -565,6 +565,10 @@
   border-width: 0 0 2px 2px;
 }
 
+.orgchart .nodes.vertical .hierarchy:only-child::before {
+  width: 11px;
+}
+
 .orgchart .nodes.vertical .hierarchy::before {
   top: 0px;
   height: 26px; /* node top half's height(25px) + half width of line */

dist/css/jquery.orgchart.min.css

@@ -565,6 +565,10 @@
   border-width: 0 0 2px 2px;
 }
 
+.orgchart .nodes.vertical .hierarchy:only-child::before {
+  width: 11px;
+}
+
 .orgchart .nodes.vertical .hierarchy::before {
   top: 0px;
   height: 26px; /* node top half's height(25px) + half width of line */