andwati/andwati.com
1
0
Fork 0
mirror of https://github.com/andwati/andwati.com.git synced 2026-10-18 09:22:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move the TOC sidebar to the left of the article

Browse Source
This commit is contained in:
andwati
2026-09-01 09:30:22 +03:00
parent 0644dcf253
commit ce65be8852
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/site/src/pages/writings/[...slug].astro
+6 -1
View File
@@ -138,7 +138,11 @@ const tocHeadings = headings.filter((h) => h.depth <= 3);
@media (min-width: 74rem) {
.article-layout {
grid-template-columns: minmax(0, 42rem) 16rem;
grid-template-columns: 16rem minmax(0, 42rem);
}
.article-main {
order: 2;
}
.toc-inline {
@@ -147,6 +151,7 @@ const tocHeadings = headings.filter((h) => h.depth <= 3);
.toc-sidebar {
display: block;
order: 1;
position: sticky;
top: var(--space-6);
max-height: calc(100vh - var(--space-7));
apps/site/src/styles/global.css
+2 -2
View File
@@ -185,8 +185,8 @@ pre {
.toc-sidebar {
padding-top: var(--space-1);
border-left: 1px solid var(--border);
padding-left: var(--space-4);
border-right: 1px solid var(--border);
padding-right: var(--space-4);
}
.eyebrow {