Feed feedback and fixes #231
@ -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>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
|
@ -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])
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user