Issue with Separators on Windows
The-Inamati opened this issue · 3 comments
Hello,
First of all thank you very much for sharing these snippets.
I am trying to use the custom separators but it's not working.
I created a file called separators in my snippets folder and added the code
/*
File Explorer Separators
So this is super handy, I found a way to add visual separators below and above navigation items in the file explorer.
This works nicely along side the 'Custom File Explorer Sorting' plugin, and there's a thread on their github about my solution.
You need to customize the rule below in accordance with your file structure.
These styles go with
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--replete-custom-separators-vertical-padding: 6px;
--replete-custom-separators-left-margin: -12px;
}
/* Separator below */
.nav-folder-children > [class*=nav-]:has([data-path="Inbox"])::after,
.nav-folder-children > [class*=nav-]:has([data-path="Archive"])::after
{
content:'';
display:block;
height:1px;
width:calc(100% + 32px);
background:var(--tab-outline-color);
margin:var(--replete-custom-separators-vertical-padding) 0 var(--replete-custom-separators-vertical-padding) var(--replete-custom-separators-left-margin);
}
After enabling the snippet, nothing happens. Can you help?
'You need to customize the rule below in accordance with your file structure.'
Do you have folders named 'Inbox' and 'Archive'? These are folders I have in my vault.
You'd need to copy the lines in the way that I have with the data-path="YourFolderName" string, needs to match your folder structure.
It's a hack really but no other easy way to do it.
I do have those folders and they are in my vaults root. Do you see anything on the code that is wrong? I change my whole vault structure counting on this to work.
Try updating Obsidian from the official installer