adjust icons

Enveloppe · Feb 15, 2024 · b3d3735 · b3d3735
1 parent fc95b90
commit b3d3735
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 18 deletions.
diff --git a/quartz/components/ExplorerNode.tsx b/quartz/components/ExplorerNode.tsx
@@ -209,22 +209,25 @@ export function ExplorerNode({ node, opts, fullPath, fileData }: ExplorerNodePro
           {node.name !== "" && (
             // Node with entire folder
             // Render svg button + folder name, then children
-            <div class="folder-container">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                viewBox="5 8 14 8"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                class="folder-icon"
-                data-hasicon={hasIcon}
-              >
-                <polyline points="6 9 12 15 18 9" />
-              </svg>
+
+            <div class="folder-container" data-haschildren={node.children.length > 0}>
+              {node.children.length > 0 ? (
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="12"
+                  height="12"
+                  viewBox="5 8 14 8"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  class="folder-icon"
+                  data-hasicon={hasIcon}
+                >
+                  <polyline points="6 9 12 15 18 9" />
+                </svg>
+              ) : null}
               <NodesIcons iconAsSVG={iconAsSVG} hasIcon={hasIcon} nodeType="folder" />
               {/* render <a> tag if folderBehavior is "link", otherwise render <button> with collapse click event */}
               <div key={node.name} data-folderpath={folderPath}>

diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
@@ -174,8 +174,8 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
 .file-title-icon > svg {
   width: 1em;
   height: 1em;
-  // margin-right: 5px;
-  // vertical-align: -2px;
+  margin-right: 5px;
+  vertical-align: -2px;
 }
 
 // .folder-title-icon {

diff --git a/quartz/styles/custom/file_icon.scss b/quartz/styles/custom/file_icon.scss
@@ -9,3 +9,7 @@
 .article-title[data-hasicon="true"] > h1 {
   margin: 0;
 }
+
+.folder-container[data-haschildren="false"] {
+  padding-left: 1.1rem;
+}