Skip to content

Instantly share code, notes, and snippets.

@thepixture
thepixture / readme.md
Last active March 19, 2019 01:16 — forked from jakewtaylor/readme.md
VS Code CSS addition to increase readability on file tree.

Increases indentation on the file tree and adds some lines to each directory/file.

Works 15 levels deep, but you can expand it by just adding more of each line thats repeating, i.e.:

  • add another box shadow
    • (n*-20px) 0 0 0 rgba(255, 255, 255, 0.4)
  • add another padding-left
    • .monaco-tree-row[aria-level="n"] { padding-left: ((n-1)*20)px; }
  • add another :before & :after with left positioning
    • .monaco-tree-row[aria-level="n"]:before { left: (((n-1)*20)-9)px; }
  • .monaco-tree-row[aria-level="n"]:after { left: (((n-1)*20)-9)px; }

Keybase proof

I hereby claim:

  • I am thepixture on github.
  • I am thepixture (https://keybase.io/thepixture) on keybase.
  • I have a public key ASCfxV9EqavXf_CwtJaIbO7pTIqlr_Lbyv1UZH291qqTfQo

To claim this, I am signing this object: