From 80aa0b633166d093a88e832a7584ff0add36c86e Mon Sep 17 00:00:00 2001 From: martylukyy <35452459+martylukyy@users.noreply.github.com> Date: Mon, 11 Sep 2023 20:31:00 +0200 Subject: [PATCH] enhancement(web): disable background scroll when IRC fullscreen view is active (#1112) * enhancement(web): disable background scroll when IRC fullscreen view is active * switch from add/remove to toggle. * add missing unmount --- web/src/screens/settings/Irc.tsx | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/web/src/screens/settings/Irc.tsx b/web/src/screens/settings/Irc.tsx index eeb7235..edce180 100644 --- a/web/src/screens/settings/Irc.tsx +++ b/web/src/screens/settings/Irc.tsx @@ -676,6 +676,15 @@ export const Events = ({ network, channel }: EventsProps) => { setLogs([]); }, [settings.scrollOnNewLog]); + useEffect(() => { + document.body.classList.toggle("overflow-hidden", isFullscreen); + + return () => { + // Clean up by removing the class when the component unmounts + document.body.classList.remove("overflow-hidden"); + }; + }, [isFullscreen]); + return (