mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Backport pull request #5806 from jellyfin-web/release-10.9.z

Browse source 
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:
thornbill 2024-07-21 01:53:35 -04:00 • committed by Bill Thornton
parent e5d2f8fddb
commit 0084cc856e
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/apps/dashboard/AppLayout.tsx
View file

@ -2,7 +2,7 @@ import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import { type Theme } from '@mui/material/styles'; import { type Theme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery'; 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 { Outlet, useLocation } from 'react-router-dom';
import AppBody from 'components/AppBody'; import AppBody from 'components/AppBody';
@ -33,6 +33,15 @@ export const Component: FC = () => {
setIsDrawerActive(!isDrawerActive); setIsDrawerActive(!isDrawerActive);
}, [ isDrawerActive, setIsDrawerActive ]); }, [ isDrawerActive, setIsDrawerActive ]);
// Update body class
useEffect(() => {
document.body.classList.add('dashboardDocument');
return () => {
document.body.classList.remove('dashboardDocument');
};
}, []);
return ( return (
<Box sx={{ display: 'flex' }}> <Box sx={{ display: 'flex' }}>
<ElevationScroll elevate={false}> <ElevationScroll elevate={false}>

3
src/scripts/libraryMenu.js
View file

@ -581,7 +581,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
if (isLibraryPage) { if (isLibraryPage) {
bodyClassList.add('libraryDocument'); bodyClassList.add('libraryDocument');
bodyClassList.remove('dashboardDocument');
bodyClassList.remove('hideMainDrawer'); bodyClassList.remove('hideMainDrawer');
if (navDrawerInstance) { if (navDrawerInstance) {
@ -589,7 +588,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
} }
} else if (isDashboardPage) { } else if (isDashboardPage) {
bodyClassList.remove('libraryDocument'); bodyClassList.remove('libraryDocument');
bodyClassList.add('dashboardDocument');
bodyClassList.remove('hideMainDrawer'); bodyClassList.remove('hideMainDrawer');
if (navDrawerInstance) { if (navDrawerInstance) {
@ -597,7 +595,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
} }
} else { } else {
bodyClassList.remove('libraryDocument'); bodyClassList.remove('libraryDocument');
bodyClassList.remove('dashboardDocument');
bodyClassList.add('hideMainDrawer'); bodyClassList.add('hideMainDrawer');
if (navDrawerInstance) { if (navDrawerInstance) {