Add extension name attribute to div.nav-file-tag

[ariehen]

There’s not much documentation on this, unfortunately, but pieces are scattered around:

Icons For Different File Types - CSS Snippet

I just posted this in the Discord css-channel but thought I’d share here as well. I found a neat way to set different icons based on file type. Using [data-type$(file type here)] you can select based on the attribute value that ends in (file type here). (Had to use emojis for the example since my icons are very long strings). Ex: .nav-file-title[data-path$="jpeg"] .nav-file-title-content:before{ content: ""; } .nav-file-title[data-path$="png"] .nav-file-title-content:before{ content: ""; …

Hide Favicon png Files in file explorer (CSS Snippet)

Greetings. I recently added a terrible favicon to my publish site, and I didn’t like seeing the png files cluttering up my file explorer. (To clarify they never show up in a published site, but they are annoying in the desktop app) I am not going to reference or move these low-resolution png’s around, so their appearance is pointless. I wrote a CSS snippet for hiding files that start with favicon and end with .png div[data-path^='favicon'][data-path$='.png']{ display: none; } Hopefully som…

Show / hide which file types to be shown in file explorer

You can create a css file like the following: div[data-path$='assets'], div[data-path$='assets'] + div.nav-folder-children { display: none; } div[data-path$='.png']{ display: none; } Replace assets and .png with the folder name and extension that you want to exclude. This is a workaround until such a feature may be integrated in some years. (Usually you would setup this once. So that’s a workable workaround)