jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-06-30 21:46:39 -04:00
Code Issues Activity

try removing transition blocking stuff

Browse Source
This commit is contained in:
Jake Jarvis
2022-02-19 09:19:46 -05:00
parent 7bffc22050
commit d24d29a04e
4 changed files with 18 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Layout/Layout.tsx
View File

@ -1,5 +1,4 @@
import Head from "next/head";
import Script from "next/script";
import { useTheme } from "next-themes";
import classNames from "classnames";
import Header from "../Header/Header";
@ -21,6 +20,7 @@ const Layout = ({ container = true, stickyHeader = true, className, children, ..
<Head>
{/* convert themes object into inlined css variables */}
<style
id="theme-colors"
dangerouslySetInnerHTML={{
__html: `:root{${toCSS(themes.light)}}[data-theme="dark"]{${toCSS(themes.dark)}}`,
}}
@ -30,12 +30,6 @@ const Layout = ({ container = true, stickyHeader = true, className, children, ..
<meta name="theme-color" content={themes[resolvedTheme || "light"]["background-outer"]} />
</Head>
{/* this script removes the CSS that blocks transitions (see _document.tsx) once the page is finished loading...
...and removes itself after it has done that: */}
<Script id="unblock-transitions" strategy="lazyOnload">
{`try{document.getElementById("block-transitions").remove();document.getElementById("unblock-transitions").remove()}catch(e){}`}
</Script>
<div className={classNames(styles.flex, className)} {...rest}>
<Header sticky={stickyHeader} />