jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-27 19:15:48 -04:00
Code Issues Activity

remove no-fade stylesheet from DOM after use

Browse Source
This commit is contained in:
Jake Jarvis
2022-02-13 11:41:26 -05:00
parent 76c2699b32
commit a47d49c0d5
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Layout/Layout.tsx
View File

@@ -26,7 +26,7 @@ const Layout = ({ noContainer, className, children, ...rest }: LayoutProps) => {
/> />
{/* kinda a hack to prevent dramatically fading into dark theme if we're immediately setting it on load */} {/* kinda a hack to prevent dramatically fading into dark theme if we're immediately setting it on load */}
<style>{`.page.no-fade,.page.no-fade *{transition:none!important}`}</style> <style id="no-fade-css">{`.page.no-fade,.page.no-fade *{transition:none!important}`}</style>
{/* dynamically set browser theme color to match the background color */} {/* dynamically set browser theme color to match the background color */}
<meta name="theme-color" content={themes[resolvedTheme || "light"]["background-outer"]} /> <meta name="theme-color" content={themes[resolvedTheme || "light"]["background-outer"]} />
@@ -34,7 +34,7 @@ const Layout = ({ noContainer, className, children, ...rest }: LayoutProps) => {
{/* remove the `.no-fade` class above from body once the page is finished loading */} {/* remove the `.no-fade` class above from body once the page is finished loading */}
<Script id="unblock-transitions" strategy="lazyOnload"> <Script id="unblock-transitions" strategy="lazyOnload">
{`try{document.body.classList.remove("no-fade")}catch(e){}`} {`try{document.body.classList.remove("no-fade");document.getElementById("no-fade-css").remove()}catch(e){}`}
</Script> </Script>
<div className={classNames(styles.flex, className)} {...rest}> <div className={classNames(styles.flex, className)} {...rest}>