degmods/degmods.com
6
1
Fork 0
Code Issues 33 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

fix(popup: double body scroll and remove 2nd hide full post button

Browse Source
This commit is contained in:
en 2025-02-15 14:09:04 +01:00
parent d070e15c6b
commit db5b2d0a9c
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/comment/CommentContent.tsx
View File

@ -21,9 +21,9 @@ export const CommentContent = ({ content }: CommentContentProps) => {
<p className='IBMSMSMBSSCL_CBText'> <p className='IBMSMSMBSSCL_CBText'>
<NoteRender content={text} /> <NoteRender content={text} />
</p> </p>
{isTextOverflowing && ( {isTextOverflowing && !isExpanded && (
<div className='IBMSMSMBSSCL_CBExpand' onClick={toggle}> <div className='IBMSMSMBSSCL_CBExpand' onClick={toggle}>
<p>{isExpanded ? 'Hide' : 'View'} full post</p> <p>View full post</p>
</div> </div>
)} )}
</> </>

10
src/hooks/useScrollDisable.ts
View File

@ -2,10 +2,16 @@ import { useEffect } from 'react'
export const useBodyScrollDisable = (disable: boolean) => { export const useBodyScrollDisable = (disable: boolean) => {
useEffect(() => { useEffect(() => {
if (disable) document.body.style.overflow = 'hidden' const initialOverflow = document.body.style.overflow
if (disable && initialOverflow !== 'hidden') {
document.body.style.overflow = 'hidden'
}
return () => { return () => {
document.body.style.overflow = '' if (initialOverflow !== 'hidden') {
document.body.style.overflow = initialOverflow
}
} }
}, [disable]) }, [disable])
} }