Add rule lines to folder tree

Share & showcase
#1

folder-line

css code for Rule line:

/***************************************/
/* add a rule line before folder files */
/***************************************/

.mod-root > .nav-folder-children {
  margin-left: 0;
}
.nav-folder-children {
  padding-left: 0;
  margin-left: 16px;
}
.nav-folder-children .nav-folder-children {
  border-left: 1px solid #1ea198;
}

css code for file dot:

/***************************************/
/*  place a dot before to a file name  */
/***************************************/

.nav-file-title-content {
  position: relative;
}
.nav-file-title-content::before {
  position: absolute;
  content: '';
  left: -12px;
  top: 50%;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  background-color: #839496;
}
.nav-file-tag + .nav-file-title-content::before {
  display: none;
}
3 Likes