mirrors/tao
1
0
Fork 0
mirror of https://github.com/updownupdown/tao synced 2024-11-22 00:06:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix body scrolling

Browse Source
This commit is contained in:
JamesIntellijoint 2022-01-02 12:31:14 -05:00
parent b9d4ec698e
commit 8fe6cde592
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/App.tsx
View File

@ -49,27 +49,26 @@ function App() {
}
}
function handleBodyScroll() {
if (showChapterMenu || showTranslationMenu || showMainMenu) {
document.body.style.overflow = "unset";
} else {
const menuOpen = showChapterMenu || showTranslationMenu || showMainMenu;
useEffect(() => {
if (menuOpen) {
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = "unset";
}
}
}, [showChapterMenu, showTranslationMenu, showMainMenu]);
function showChapters() {
setShowChapterMenu(!showChapterMenu);
handleBodyScroll();
}
function showTranslations() {
setShowTranslationMenu(!showTranslationMenu);
handleBodyScroll();
}
function showMain() {
setShowMainMenu(!showMainMenu);
handleBodyScroll();
}
function selectThemeColor(newTheme: string) {
@ -108,7 +107,7 @@ function App() {
return (
<div className={`main theme--${themeColor} theme--${themeFont}`}>
{(showChapterMenu || showTranslationMenu || showMainMenu) && (
{menuOpen && (
<div
className="overlay"
onClick={() => {