mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Fix sticker pack preview modal scrollbars and modal scroll dividers

Browse source
This commit is contained in:
Jamie Kyle 2023-08-10 13:40:05 -07:00 • committed by Jamie Kyle
parent c2ad69951f
commit ce28993c78
5 changed files with 35 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ts/components/Modal.tsx
View file

@ -18,6 +18,7 @@ import * as log from '../logging/log';
import {
isOverflowing,
isScrolled,
isScrolledToBottom,
useScrollObserver,
} from '../hooks/useSizeObserver';
@ -175,6 +176,7 @@ export function ModalPage({
const bodyInnerRef = useRef<HTMLDivElement>(null);
const [scrolled, setScrolled] = useState(false);
const [scrolledToBottom, setScrolledToBottom] = useState(false);
const [hasOverflow, setHasOverflow] = useState(false);
const hasHeader = Boolean(hasXButton || title || onBackButtonClick);
@ -182,6 +184,7 @@ export function ModalPage({
useScrollObserver(bodyRef, bodyInnerRef, scroll => {
setScrolled(isScrolled(scroll));
setScrolledToBottom(isScrolledToBottom(scroll));
setHasOverflow(isOverflowing(scroll));
});
@ -250,6 +253,7 @@ export function ModalPage({
className={classNames(
getClassName('__body'),
scrolled ? getClassName('__body--scrolled') : null,
scrolledToBottom ? getClassName('__body--scrolledToBottom') : null,
hasOverflow || scrolled ? getClassName('__body--overflow') : null
)}
ref={bodyRef}