mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Backport pull request #5806 from jellyfin-web/release-10.9.z
Fix dashboard body class sometimes missing
Original-merge: f3bb9f2eef
Merged-by: thornbill <thornbill@users.noreply.github.com>
Backported-by: Bill Thornton <thornbill@users.noreply.github.com>
This commit is contained in:
parent
e5d2f8fddb
commit
0084cc856e
2 changed files with 10 additions and 4 deletions
|
@ -2,7 +2,7 @@ import AppBar from '@mui/material/AppBar';
|
|||
import Box from '@mui/material/Box';
|
||||
import { type Theme } from '@mui/material/styles';
|
||||
import useMediaQuery from '@mui/material/useMediaQuery';
|
||||
import React, { FC, useCallback, useState } from 'react';
|
||||
import React, { FC, useCallback, useEffect, useState } from 'react';
|
||||
import { Outlet, useLocation } from 'react-router-dom';
|
||||
|
||||
import AppBody from 'components/AppBody';
|
||||
|
@ -33,6 +33,15 @@ export const Component: FC = () => {
|
|||
setIsDrawerActive(!isDrawerActive);
|
||||
}, [ isDrawerActive, setIsDrawerActive ]);
|
||||
|
||||
// Update body class
|
||||
useEffect(() => {
|
||||
document.body.classList.add('dashboardDocument');
|
||||
|
||||
return () => {
|
||||
document.body.classList.remove('dashboardDocument');
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Box sx={{ display: 'flex' }}>
|
||||
<ElevationScroll elevate={false}>
|
||||
|
|
|
@ -581,7 +581,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
|
|||
|
||||
if (isLibraryPage) {
|
||||
bodyClassList.add('libraryDocument');
|
||||
bodyClassList.remove('dashboardDocument');
|
||||
bodyClassList.remove('hideMainDrawer');
|
||||
|
||||
if (navDrawerInstance) {
|
||||
|
@ -589,7 +588,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
|
|||
}
|
||||
} else if (isDashboardPage) {
|
||||
bodyClassList.remove('libraryDocument');
|
||||
bodyClassList.add('dashboardDocument');
|
||||
bodyClassList.remove('hideMainDrawer');
|
||||
|
||||
if (navDrawerInstance) {
|
||||
|
@ -597,7 +595,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
|
|||
}
|
||||
} else {
|
||||
bodyClassList.remove('libraryDocument');
|
||||
bodyClassList.remove('dashboardDocument');
|
||||
bodyClassList.add('hideMainDrawer');
|
||||
|
||||
if (navDrawerInstance) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue