jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-06-30 22:46:39 -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 */}
<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 */}
<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 */}
<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>
<div className={classNames(styles.flex, className)} {...rest}>