Fixes for PR:

- adds relationship lines toggle
- removes default css artifacts from template
- Change slider title to Folder from Checkbox

Author: valentine195

src/@types/index.d.ts

@@ -101,6 +101,7 @@ export interface FolderSnippetConfig extends SnippetConfig {
     hideScrollbar: boolean;
     hideTypes: boolean;
     hoverDecoration: boolean;
+    relationshipLines: boolean;
 }
 
 declare module "obsidian" {

src/snippetor-CreateFoldersModal.ts

@@ -161,6 +161,14 @@ class CreateFolderModal extends Modal {
                     this.showFolders(folderEl);
                 });
             });
+        new Setting(content)
+            .setName("Show relationship lines")
+            .addToggle((t) => {
+                t.setValue(this.cfg.relationshipLines).onChange((v) => {
+                    this.cfg.relationshipLines = v;
+                    this.showFolders(folderEl);
+                });
+            });
         new Setting(content)
             .setName("Show folder icon")
             .setDesc("A folder icon will be shown before folder names")
@@ -206,6 +214,7 @@ class CreateFolderModal extends Modal {
             Reflect.deleteProperty(this.cfg.default, "cache");
         }
         this.cfg.folders.forEach((ts) => Reflect.deleteProperty(ts, "cache"));
+        this.cfg.folders = this.cfg.folders.filter(f => f.target && f.target.length);
         // make sure a name is set
         this.snippetor.initCommonConfig(this.cfg);
     }
@@ -239,7 +248,7 @@ class CreateFolderModal extends Modal {
                     this.showFolders(folderEl);
                 }
             });
-        roundness.sliderEl.title = "Checkbox roundness";
+        roundness.sliderEl.title = "Folder roundness";
         roundness.sliderEl.name = "snippetor-border-radius";
 
         this.helper.createThemeToggleComponent(settingActions, () =>

src/snippetor-Defaults.ts

@@ -30,6 +30,7 @@ export const DEFAULT_FOLDER_SNIPPET_SETTINGS: Partial<FolderSnippetConfig> = {
     hideCollapse: false,
     hideScrollbar: true,
     hideTypes: true,
+    relationshipLines: true,
     default: {
         cache: {
             folderEl: null,

src/templates/COLORED_FOLDER.eta

@@ -34,10 +34,6 @@ function defineColors(i, folder) {
 function folderSettings(i, folder) {
 %>
 
-.nav-folder.mod-root {
-    --<%~ root %>-border-radius: <%= it.cfg.borderRadius %>px;
-}
-
 /** Folder
 The Folder Name is stored in the data-path attribute.
 [data-path^="<%~ folder.target %>"] targets a path that *begins with* the content.
@@ -201,78 +197,54 @@ body:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .nav-f
     min-width: unset; /* Blue Topaz */
 }
 
-<%
-} //end folderSettings
-%>
-
-<% if (it.cfg.hideScrollbar) { %>
-
-/** Scrollbars eliminated */
-.workspace-leaf-content[data-type="file-explorer"] ::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
-}
-
-<% } %>
-
-
-
-/** Grid */
-.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root > .nav-folder-children {
-    display: grid;
-    gap: 7px;
-    grid-auto-rows: max-content;
-    grid-auto-columns: 100%;
+/** Hide Overflowing Text */
+.workspace-leaf-content[data-type="file-explorer"]
+    .nav-folder-title[data-path^="<%~ folder.target %>"] 
+    .nav-folder-title-content,
+.workspace-leaf-content[data-type="file-explorer"]
+    .nav-folder-title[data-path^="<%~ folder.target %>"]  + .nav-folder-children .nav-file-title,
+.workspace-leaf-content[data-type="file-explorer"]
+    .nav-folder-title[data-path^="<%~ folder.target %>"]  + .nav-folder-children .nav-file-title-content {
+    overflow-x: hidden;
+    overflow-y: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: break-word;
+    width: 100%;
 }
 
-.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root
-    > .nav-folder-children
-    > .nav-folder
-    > .nav-folder-title
-    + .nav-folder-children
-    > .nav-file:last-child {
-    border-right: 1px solid var(--<%~ root %>-folder-background);
-    border-left: 1px solid var(--<%~ root %>-folder-background);
-    border-bottom: 1px solid var(--<%~ root %>-folder-background);
-    border-bottom-left-radius: var(--<%~ root %>-border-radius);
-    border-bottom-right-radius: var(--<%~ root %>-border-radius);
-    padding-bottom: 1px;
-}
+<% if (it.cfg.relationshipLines) { %>
 
 /** Relationship lines */
-.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root
-    > .nav-folder-children
+.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path^="<%~ folder.target %>"] + .nav-folder-children
     > .nav-folder
     > .nav-folder-children
-    .nav-folder
     .nav-file {
     border-left: 2px solid white;
 }
-.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root
-    > .nav-folder-children
+.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path^="<%~ folder.target %>"] + .nav-folder-children
     > .nav-folder
     > .nav-folder-children
-    .nav-folder
     .nav-folder {
     border-left: 2px solid white;
 }
 
-/** Animations */
-.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title {
-    font-weight: bold;
-}
+<% } %>
 
-/** Set Active File to Permanent */
-.workspace-leaf-content[data-type="file-explorer"] .nav-file.is-active > .nav-file-title,
-.workspace-leaf-content[data-type="file-explorer"] .nav-file.is-active > .nav-file-title:hover {
-    background-color: var(--background-primary);
-    font-weight: bold;
-    border-left: 2px solid var(--text-accent);
-    transition-duration: 0.25s;
-    transition-timing-function: ease;
-    transition-property: background-color, color;
+<%
+} //end folderSettings
+%>
+
+<% if (it.cfg.hideScrollbar) { %>
+
+/** Scrollbars eliminated */
+.workspace-leaf-content[data-type="file-explorer"] ::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
 }
 
+<% } %>
+
 <%
 
 for (let i = 0; i<it.cfg.folders.length; i++) {