External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix scrollY

Browse Source
This commit is contained in:
Tom
2023-05-21 18:12:33 +02:00
parent 0b7606eecb
commit 482c46422c
2 changed files with 4 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+3 -10
View File
@@ -78,7 +78,6 @@ const Board = () => {
const [rotatedStates, setRotatedStates] = useState({}); const [rotatedStates, setRotatedStates] = useState({});
const [isImageSearchOpen, setIsImageSearchOpen] = useState(false); const [isImageSearchOpen, setIsImageSearchOpen] = useState(false);
const [isModerator, setIsModerator] = useState(false); const [isModerator, setIsModerator] = useState(false);
const [isModToolsOpen, setIsModToolsOpen] = useState(false);
const [errorMessage, setErrorMessage] = useState(null); const [errorMessage, setErrorMessage] = useState(null);
const [successMessage, setSuccessMessage] = useState(null); const [successMessage, setSuccessMessage] = useState(null);
@@ -200,7 +199,7 @@ const Board = () => {
// mobile navbar scroll effect // mobile navbar scroll effect
useEffect(() => { useEffect(() => {
const debouncedHandleScroll = debounce(() => { const debouncedHandleScroll = debounce(() => {
const currentScrollPos = window.pageYOffset; const currentScrollPos = window.scrollY;
setVisible(prevScrollPos > currentScrollPos || currentScrollPos < 10); setVisible(prevScrollPos > currentScrollPos || currentScrollPos < 10);
setPrevScrollPos(currentScrollPos); setPrevScrollPos(currentScrollPos);
}, 50); }, 50);
@@ -743,8 +742,7 @@ const Board = () => {
onClick={() => { onClick={() => {
const rect = threadMenuRefs.current[thread.cid].getBoundingClientRect(); const rect = threadMenuRefs.current[thread.cid].getBoundingClientRect();
const menu = document.querySelector(`.post-menu-thread-${thread.cid}`); const menu = document.querySelector(`.post-menu-thread-${thread.cid}`);
const scrollY = window.scrollY || window.pageYOffset; menu.style.top = `calc(${rect.top}px + 17px)`;
menu.style.top = `calc(${rect.top + scrollY}px - 258px)`;
menu.style.left = `${rect.left}px`; menu.style.left = `${rect.left}px`;
setRotatedStates(prevState => ({ setRotatedStates(prevState => ({
@@ -780,8 +778,6 @@ const Board = () => {
</li> </li>
)} )}
<li <li
onMouseOver={() => {setIsModToolsOpen(true)}}
onMouseLeave={() => {setIsModToolsOpen(false)}}
onClick={() => { onClick={() => {
setModeratingCommentCid(thread.cid) setModeratingCommentCid(thread.cid)
setIsModerationOpen(true); setIsModerationOpen(true);
@@ -944,8 +940,7 @@ const Board = () => {
onClick={() => { onClick={() => {
const rect = replyMenuRefs.current[reply.cid].getBoundingClientRect(); const rect = replyMenuRefs.current[reply.cid].getBoundingClientRect();
const menu = document.querySelector(`.post-menu-reply-${reply.cid}`); const menu = document.querySelector(`.post-menu-reply-${reply.cid}`);
const scrollY = window.scrollY || window.pageYOffset; menu.style.top = `calc(${rect.top + window.scrollY}px - 258px)`;
menu.style.top = `calc(${rect.top + scrollY}px - 258px)`;
menu.style.left = `${rect.left}px`; menu.style.left = `${rect.left}px`;
setRotatedStates(prevState => ({ setRotatedStates(prevState => ({
@@ -981,8 +976,6 @@ const Board = () => {
</li> </li>
)} )}
<li <li
onMouseOver={() => {setIsModToolsOpen(true)}}
onMouseLeave={() => {setIsModToolsOpen(false)}}
onClick={() => { onClick={() => {
setModeratingCommentCid(reply.cid) setModeratingCommentCid(reply.cid)
setIsModerationOpen(true); setIsModerationOpen(true);
src/components/views/Thread.jsx
+1 -6
View File
@@ -72,7 +72,6 @@ const Thread = () => {
const [rotatedStates, setRotatedStates] = useState({}); const [rotatedStates, setRotatedStates] = useState({});
const [isImageSearchOpen, setIsImageSearchOpen] = useState(false); const [isImageSearchOpen, setIsImageSearchOpen] = useState(false);
const [isModerator, setIsModerator] = useState(false); const [isModerator, setIsModerator] = useState(false);
const [isModToolsOpen, setIsModToolsOpen] = useState(false);
useError(errorMessage, [errorMessage]); useError(errorMessage, [errorMessage]);
useSuccess(successMessage, [successMessage]); useSuccess(successMessage, [successMessage]);
@@ -178,7 +177,7 @@ const Thread = () => {
// mobile navbar scroll effect // mobile navbar scroll effect
useEffect(() => { useEffect(() => {
const debouncedHandleScroll = debounce(() => { const debouncedHandleScroll = debounce(() => {
const currentScrollPos = window.pageYOffset; const currentScrollPos = window.scrollY;
setVisible(prevScrollPos > currentScrollPos || currentScrollPos < 10); setVisible(prevScrollPos > currentScrollPos || currentScrollPos < 10);
setPrevScrollPos(currentScrollPos); setPrevScrollPos(currentScrollPos);
}, 50); }, 50);
@@ -734,8 +733,6 @@ const Thread = () => {
</li> </li>
)} )}
<li <li
onMouseOver={() => {setIsModToolsOpen(true)}}
onMouseLeave={() => {setIsModToolsOpen(false)}}
onClick={() => { onClick={() => {
setModeratingCommentCid(comment.cid) setModeratingCommentCid(comment.cid)
setIsModerationOpen(true); setIsModerationOpen(true);
@@ -908,8 +905,6 @@ const Thread = () => {
</li> </li>
)} )}
<li <li
onMouseOver={() => {setIsModToolsOpen(true)}}
onMouseLeave={() => {setIsModToolsOpen(false)}}
onClick={() => { onClick={() => {
setModeratingCommentCid(reply.cid) setModeratingCommentCid(reply.cid)
setIsModerationOpen(true); setIsModerationOpen(true);