From 08c861707b3a473bab663f4bf63f80753ceb8f8e Mon Sep 17 00:00:00 2001
From: Jairus Joer <hello@jairusjoer.com>
Date: Tue, 28 Oct 2025 16:37:32 +0000
Subject: [PATCH] fix(explorer): Disable keyboard navigation on collapsed folders (#2169)
---
quartz.layout.ts | 45 +++++++++++++++++++++++++++++++++++++--------
1 files changed, 37 insertions(+), 8 deletions(-)
diff --git a/quartz.layout.ts b/quartz.layout.ts
index 482aba6..970a5be 100644
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@@ -5,6 +5,7 @@
export const sharedPageComponents: SharedLayout = {
head: Component.Head(),
header: [],
+ afterBody: [],
footer: Component.Footer({
links: {
GitHub: "https://github.com/jackyzha0/quartz",
@@ -15,25 +16,53 @@
// components for pages that display a single page (e.g. a single note)
export const defaultContentPageLayout: PageLayout = {
- beforeBody: [Component.ArticleTitle(), Component.ContentMeta(), Component.TagList()],
+ beforeBody: [
+ Component.ConditionalRender({
+ component: Component.Breadcrumbs(),
+ condition: (page) => page.fileData.slug !== "index",
+ }),
+ Component.ArticleTitle(),
+ Component.ContentMeta(),
+ Component.TagList(),
+ ],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
- Component.Search(),
- Component.Darkmode(),
- Component.DesktopOnly(Component.TableOfContents()),
+ Component.Flex({
+ components: [
+ {
+ Component: Component.Search(),
+ grow: true,
+ },
+ { Component: Component.Darkmode() },
+ { Component: Component.ReaderMode() },
+ ],
+ }),
+ Component.Explorer(),
],
- right: [Component.Graph(), Component.Backlinks()],
+ right: [
+ Component.Graph(),
+ Component.DesktopOnly(Component.TableOfContents()),
+ Component.Backlinks(),
+ ],
}
// components for pages that display lists of pages (e.g. tags or folders)
export const defaultListPageLayout: PageLayout = {
- beforeBody: [Component.ArticleTitle()],
+ beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
- Component.Search(),
- Component.Darkmode(),
+ Component.Flex({
+ components: [
+ {
+ Component: Component.Search(),
+ grow: true,
+ },
+ { Component: Component.Darkmode() },
+ ],
+ }),
+ Component.Explorer(),
],
right: [],
}
--
Gitblit v1.10.0