Skip to content

Instantly share code, notes, and snippets.

@FallingSnow
Last active May 23, 2017 16:51
Show Gist options
  • Save FallingSnow/14cdd311d3342023b7bc474e0cffdca8 to your computer and use it in GitHub Desktop.
Save FallingSnow/14cdd311d3342023b7bc474e0cffdca8 to your computer and use it in GitHub Desktop.
http://imgur.com/a/HF5e5 An atom tree view with guide lines.
.tree-view {
.list-tree.has-collapsable-children .list-nested-item > .list-tree > li, .list-tree.has-collapsable-children .list-nested-item > .list-group > li {
padding-left: 24px;
}
.list-tree.has-collapsable-children .list-nested-item > .list-item::before {
margin-right: 5px;
}
.icon::before {
margin-right: 5px;
}
.tree-view > ol {
padding-left: 10px;
}
.list-tree.has-collapsable-children li.list-item {
margin-left: 0px;
}
@item-height: 22px;
.list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
padding-top: 6px;
line-height: @item-height;
}
.list-group .selected::before, .list-tree .selected::before {
height: @item-height+6;
}
.file.entry::before {
margin-top: -6px;
}
li.list-item, li.directory:not(.project-root) {
border-left: 1px dotted grey;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment