Browse Source

Make accordion non-flush

master
buttercat1791 9 months ago
parent
commit
7219e68ca3
  1. 9
      src/lib/components/publications/TableOfContents.svelte

9
src/lib/components/publications/TableOfContents.svelte

@ -57,7 +57,7 @@
<!-- TODO: Href doesn't work with query params. --> <!-- TODO: Href doesn't work with query params. -->
{#if displayMode === 'accordion'} {#if displayMode === 'accordion'}
<Accordion flush multiple> <Accordion multiple>
{#each entries as entry} {#each entries as entry}
{@const address = entry.address} {@const address = entry.address}
<AccordionItem <AccordionItem
@ -70,7 +70,12 @@
<span class="text-gray-800 dark:text-gray-300">{entry.title}</span> <span class="text-gray-800 dark:text-gray-300">{entry.title}</span>
{/snippet} {/snippet}
{#if entry.children.length > 0} {#if entry.children.length > 0}
<Self rootAddress={entry.address} depth={depth + 1} onSectionFocused={onSectionFocused} /> <Self
displayMode={displayMode}
rootAddress={entry.address}
depth={depth + 1}
onSectionFocused={onSectionFocused}
/>
{/if} {/if}
</AccordionItem> </AccordionItem>
{/each} {/each}

Loading…
Cancel
Save