From b3d373571fcc69129d4c06fc306b9b769ed3e7d4 Mon Sep 17 00:00:00 2001
From: Lisandra-dev <mara-li@outlook.fr>
Date: Thu, 15 Feb 2024 14:25:09 +0000
Subject: [PATCH] adjust icons

---
 quartz/components/ExplorerNode.tsx     | 35 ++++++++++++++------------
 quartz/components/styles/explorer.scss |  4 +--
 quartz/styles/custom/file_icon.scss    |  4 +++
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/quartz/components/ExplorerNode.tsx b/quartz/components/ExplorerNode.tsx
index 8939e7164b217..850c5f8e22d3d 100644
--- 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
index d3a02d04251bf..7a93c4aed4131 100644
--- 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
index 13d00bd90937f..4510191f9bdec 100644
--- 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;
+}