denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ContentSidebar now uses grid; adjusted sizing

Browse Source
This commit is contained in:
denizk0461
2026-04-27 15:05:31 +02:00
parent cf125809bd
commit 165d0b7042
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/table-of-contents.svelte
View File

@@ -71,6 +71,8 @@
{#if tocEntries.length > 0} {#if tocEntries.length > 0}
<div class="{type ? "toc-container-side" : "toc-container"} blurred-background"> <div class="{type ? "toc-container-side" : "toc-container"} blurred-background">
<p class="toc-header">on this page</p>
<ul class="toc-list"> <ul class="toc-list">
{#each tocEntries as entry} {#each tocEntries as entry}
{@render tocEntryLine({ entry })} {@render tocEntryLine({ entry })}
@@ -122,6 +124,14 @@
width: 100%; width: 100%;
} }
.toc-header {
margin: 0 var(--padding-indent-base);
font-weight: 700;
font-style: italic;
color: var(--color-highlight);
font-family: var(--font-mono);
}
.toc-list a { .toc-list a {
width: 100%; width: 100%;
font-size: 1.0rem; font-size: 1.0rem;

2
src/lib/viewport/content-sidebar.svelte
View File

@@ -46,7 +46,7 @@
max-width: var(--page-width); max-width: var(--page-width);
width: 100%; width: 100%;
display: grid; display: grid;
grid-template-columns: auto minmax(300px, 24vw); grid-template-columns: auto 300px;
} }
.content-sidebar-main-container { .content-sidebar-main-container {