mirror of https://github.com/lidarr/Lidarr
Fixed: Artists table not resizing properly when window size changed
(cherry picked from commit d923d3f106d30d68fd04ddae2a201de041705163) Closes #3373
This commit is contained in:
parent
0f5002338b
commit
77cfd19c43
|
@ -96,6 +96,8 @@ function ArtistIndexTable(props: ArtistIndexTableProps) {
|
|||
const listRef: React.MutableRefObject<List> = useRef();
|
||||
const [measureRef, bounds] = useMeasure();
|
||||
const [size, setSize] = useState({ width: 0, height: 0 });
|
||||
const windowWidth = window.innerWidth;
|
||||
const windowHeight = window.innerHeight;
|
||||
|
||||
const rowHeight = useMemo(() => {
|
||||
return showBanners ? 70 : 38;
|
||||
|
@ -106,8 +108,8 @@ function ArtistIndexTable(props: ArtistIndexTableProps) {
|
|||
|
||||
if (isSmallScreen) {
|
||||
setSize({
|
||||
width: window.innerWidth,
|
||||
height: window.innerHeight,
|
||||
width: windowWidth,
|
||||
height: windowHeight,
|
||||
});
|
||||
|
||||
return;
|
||||
|
@ -120,10 +122,10 @@ function ArtistIndexTable(props: ArtistIndexTableProps) {
|
|||
|
||||
setSize({
|
||||
width: width - padding * 2,
|
||||
height: window.innerHeight,
|
||||
height: windowHeight,
|
||||
});
|
||||
}
|
||||
}, [isSmallScreen, scrollerRef, bounds]);
|
||||
}, [isSmallScreen, windowWidth, windowHeight, scrollerRef, bounds]);
|
||||
|
||||
useEffect(() => {
|
||||
const currentScrollListener = isSmallScreen ? window : scrollerRef.current;
|
||||
|
|
Loading…
Reference in New Issue