Browse Source

adjust content panel

master
silberengel 3 months ago
parent
commit
785e029132
  1. 36
      src/lib/components/publications/Publication.svelte

36
src/lib/components/publications/Publication.svelte

@ -468,7 +468,7 @@
<!-- Add gap & items-start so sticky sidebars size correctly --> <!-- Add gap & items-start so sticky sidebars size correctly -->
<div <div
class="relative grid gap-4 items-start grid-cols-[1fr_1fr] grid-rows-[auto_1fr]" class="relative grid gap-4 items-start grid-cols-1 grid-rows-[auto_1fr]"
> >
<!-- Full-width ArticleNav row --> <!-- Full-width ArticleNav row -->
<ArticleNav {publicationType} rootId={indexEvent.id} {indexEvent} /> <ArticleNav {publicationType} rootId={indexEvent.id} {indexEvent} />
@ -488,10 +488,10 @@
}, 500); }, 500);
}} }}
/> />
<!-- Three-column row --> <!-- Content row -->
<div class="contents"> <div class="contents flex justify-center">
<!-- Table of contents column removed - using overlay drawer instead --> <!-- Table of contents column removed - using overlay drawer instead -->
<div class="mt-[70px]"> <div class="mt-[70px] w-full max-w-7xl">
<!-- Default publications --> <!-- Default publications -->
{#if $publicationColumnVisibility.main} {#if $publicationColumnVisibility.main}
<!-- Remove overflow-auto so page scroll drives it --> <!-- Remove overflow-auto so page scroll drives it -->
@ -693,20 +693,22 @@
{/key} {/key}
{/if} {/if}
</div> </div>
</div>
</div>
<div <!-- Discussion sidebar (overlay, outside layout) -->
class="mt-[70px] relative {$publicationColumnVisibility.discussion <div
? 'w-64' class="mt-[70px] relative {$publicationColumnVisibility.discussion
: 'w-auto'}" ? 'w-64'
: 'w-auto'}"
>
{#if $publicationColumnVisibility.discussion}
<Sidebar
class="z-10 ml-4 fixed top-[162px] h-[calc(100vh-165px)] overflow-y-auto"
classes={{
div: "bg-transparent",
}}
> >
<!-- Discussion sidebar -->
{#if $publicationColumnVisibility.discussion}
<Sidebar
class="z-10 ml-4 fixed top-[162px] h-[calc(100vh-165px)] overflow-y-auto"
classes={{
div: "bg-transparent",
}}
>
<SidebarWrapper> <SidebarWrapper>
<SidebarGroup> <SidebarGroup>
<div class="flex justify-between items-baseline"> <div class="flex justify-between items-baseline">
@ -752,8 +754,6 @@
</SidebarWrapper> </SidebarWrapper>
</Sidebar> </Sidebar>
{/if} {/if}
</div>
</div>
</div> </div>
<!-- Table of Contents Drawer (overlay, works on mobile and desktop) --> <!-- Table of Contents Drawer (overlay, works on mobile and desktop) -->

Loading…
Cancel
Save