From 002e9b50fdc4c677d4cdf9dc46b9fb0bd562f5dc Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Mon, 16 Sep 2024 10:50:11 +0200
Subject: [PATCH] Addressed PR feedback

---
 quartz/components/Backlinks.tsx         | 30 ++++++++++++-------------
 quartz/components/styles/backlinks.scss |  6 +++--
 quartz/components/styles/explorer.scss  |  4 ----
 3 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/quartz/components/Backlinks.tsx b/quartz/components/Backlinks.tsx
index 041a54131..aa412a2e0 100644
--- a/quartz/components/Backlinks.tsx
+++ b/quartz/components/Backlinks.tsx
@@ -14,22 +14,20 @@ const Backlinks: QuartzComponent = ({
   const backlinkFiles = allFiles.filter((file) => file.links?.includes(slug))
   return (
     <div class={classNames(displayClass, "backlinks")}>
-      <div class="backlinks-container">
-        <h3>{i18n(cfg.locale).components.backlinks.title}</h3>
-        <ul class="overflow">
-          {backlinkFiles.length > 0 ? (
-            backlinkFiles.map((f) => (
-              <li>
-                <a href={resolveRelative(fileData.slug!, f.slug!)} class="internal">
-                  {f.frontmatter?.title}
-                </a>
-              </li>
-            ))
-          ) : (
-            <li>{i18n(cfg.locale).components.backlinks.noBacklinksFound}</li>
-          )}
-        </ul>
-      </div>
+      <h3>{i18n(cfg.locale).components.backlinks.title}</h3>
+      <ul class="overflow">
+        {backlinkFiles.length > 0 ? (
+          backlinkFiles.map((f) => (
+            <li>
+              <a href={resolveRelative(fileData.slug!, f.slug!)} class="internal">
+                {f.frontmatter?.title}
+              </a>
+            </li>
+          ))
+        ) : (
+          <li>{i18n(cfg.locale).components.backlinks.noBacklinksFound}</li>
+        )}
+      </ul>
     </div>
   )
 }
diff --git a/quartz/components/styles/backlinks.scss b/quartz/components/styles/backlinks.scss
index 2f4e4425a..3b7ab5b92 100644
--- a/quartz/components/styles/backlinks.scss
+++ b/quartz/components/styles/backlinks.scss
@@ -16,9 +16,11 @@
       transition: opacity 0.3s ease;
       background: linear-gradient(transparent 0px, var(--light));
     }
-  }
 
-  & > .backlinks-container {
+    &:has(> .overflow) {
+      position: unset;
+    }
+
     & > h3 {
       font-size: 1rem;
       margin: 0;
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 248bc7f05..710d7a513 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -76,10 +76,6 @@ button#explorer {
     visibility: hidden;
   }
 
-  &.collapsed > .overflow::after {
-    display: none;
-  }
-
   & ul {
     list-style: none;
     margin: 0.08rem 0;