Addressed PR feedback

This commit is contained in:
saberzero1 2024-09-16 10:50:11 +02:00
parent bf5e809460
commit 002e9b50fd
3 changed files with 18 additions and 22 deletions

View File

@ -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>
)
}

View File

@ -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;

View File

@ -76,10 +76,6 @@ button#explorer {
visibility: hidden;
}
&.collapsed > .overflow::after {
display: none;
}
& ul {
list-style: none;
margin: 0.08rem 0;