41 lines
1.4 KiB
CSS
41 lines
1.4 KiB
CSS
/*
|
|
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-files-container [class*=nav-]:has(:is(
|
|
[data-path="Thoughts"],
|
|
[data-path="Reports"],
|
|
[data-path="Sundown"],
|
|
[data-path="Meditations"],
|
|
[data-path="Areas.md"]
|
|
))::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);
|
|
}
|
|
|
|
/* Separator above */
|
|
/* .nav-files-container [class*=nav-]:has(:is(
|
|
[data-path="Notes"]
|
|
))::before {
|
|
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);
|
|
} */
|