/* the tree node's style */ |
.tree-view { |
overflow-y: hidden; |
} |
.tree-view_item { |
/* immediate child of .tree-view, for styling convenience */ |
} |
/* style for the children nodes container */ |
.tree-view_children { |
margin-left: 16px; |
} |
.tree-view_children-collapsed { |
height: 0px; |
} |
.tree-view_arrow { |
cursor: pointer; |
margin-right: 6px; |
display: inline-block; |
-webkit-user-select: none; |
-moz-user-select: none; |
-ms-user-select: none; |
user-select: none; |
} |
.tree-view_arrow:after { |
content: '▾'; |
} |
/* rotate the triangle to close it */ |
.tree-view_arrow-collapsed { |
-webkit-transform: rotate(-90deg); |
-moz-transform: rotate(-90deg); |
-ms-transform: rotate(-90deg); |
transform: rotate(-90deg); |
} |
treeview.css
2021. 5. 4. 01:10