diff --git a/quartz.config.ts b/quartz.config.ts index 70bb89a2e..598884f50 100644 --- a/quartz.config.ts +++ b/quartz.config.ts @@ -11,7 +11,7 @@ const config: QuartzConfig = { pageTitle: "Quartz 4", pageTitleSuffix: "", enableSPA: true, - enableViewTransitions: true, + enableViewTransitions: false, enablePopovers: true, analytics: { provider: "plausible", diff --git a/quartz/components/styles/graph.scss b/quartz/components/styles/graph.scss index 23a4a6f65..53a5fa553 100644 --- a/quartz/components/styles/graph.scss +++ b/quartz/components/styles/graph.scss @@ -1,7 +1,9 @@ @use "../../styles/variables.scss" as *; .graph { - view-transition-name: graph; + &:not(:has(.active)) { + view-transition-name: graph; + } & > h3 { font-size: 1rem; @@ -66,6 +68,7 @@ transform: translate(-50%, -50%); height: 80vh; width: 80vw; + overflow: hidden; @media all and not ($desktop) { width: 90%;