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)) const backlinkFiles = allFiles.filter((file) => file.links?.includes(slug))
return ( return (
<div class={classNames(displayClass, "backlinks")}> <div class={classNames(displayClass, "backlinks")}>
<div class="backlinks-container"> <h3>{i18n(cfg.locale).components.backlinks.title}</h3>
<h3>{i18n(cfg.locale).components.backlinks.title}</h3> <ul class="overflow">
<ul class="overflow"> {backlinkFiles.length > 0 ? (
{backlinkFiles.length > 0 ? ( backlinkFiles.map((f) => (
backlinkFiles.map((f) => ( <li>
<li> <a href={resolveRelative(fileData.slug!, f.slug!)} class="internal">
<a href={resolveRelative(fileData.slug!, f.slug!)} class="internal"> {f.frontmatter?.title}
{f.frontmatter?.title} </a>
</a> </li>
</li> ))
)) ) : (
) : ( <li>{i18n(cfg.locale).components.backlinks.noBacklinksFound}</li>
<li>{i18n(cfg.locale).components.backlinks.noBacklinksFound}</li> )}
)} </ul>
</ul>
</div>
</div> </div>
) )
} }

View File

@ -16,9 +16,11 @@
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
background: linear-gradient(transparent 0px, var(--light)); background: linear-gradient(transparent 0px, var(--light));
} }
}
& > .backlinks-container { &:has(> .overflow) {
position: unset;
}
& > h3 { & > h3 {
font-size: 1rem; font-size: 1rem;
margin: 0; margin: 0;

View File

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