Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed: Series table not resizing properly when window size changed

This commit is contained in:
Mark McDowall 2023-02-20 09:59:49 -08:00
parent bf62d4f921
commit d923d3f106
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/Series/Index/Table/SeriesIndexTable.tsx
View File

@ -95,6 +95,8 @@ function SeriesIndexTable(props: SeriesIndexTableProps) {
const listRef: React.MutableRefObject<List> = useRef(); const listRef: React.MutableRefObject<List> = useRef();
const [measureRef, bounds] = useMeasure(); const [measureRef, bounds] = useMeasure();
const [size, setSize] = useState({ width: 0, height: 0 }); const [size, setSize] = useState({ width: 0, height: 0 });
const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight;
const rowHeight = useMemo(() => { const rowHeight = useMemo(() => {
return showBanners ? 70 : 38; return showBanners ? 70 : 38;
@ -105,8 +107,8 @@ function SeriesIndexTable(props: SeriesIndexTableProps) {
if (isSmallScreen) { if (isSmallScreen) {
setSize({ setSize({
width: window.innerWidth, width: windowWidth,
height: window.innerHeight, height: windowHeight,
}); });
return; return;
@ -119,10 +121,10 @@ function SeriesIndexTable(props: SeriesIndexTableProps) {
setSize({ setSize({
width: width - padding * 2, width: width - padding * 2,
height: window.innerHeight, height: windowHeight,
}); });
} }
}, [isSmallScreen, scrollerRef, bounds]); }, [isSmallScreen, windowWidth, windowHeight, scrollerRef, bounds]);
useEffect(() => { useEffect(() => {
const currentScrollListener = isSmallScreen ? window : scrollerRef.current; const currentScrollListener = isSmallScreen ? window : scrollerRef.current;