othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaner body styles on enter/exit for LayoutTemplate

Browse Source
This commit is contained in:
dannyrb 2020-05-14 22:53:32 -04:00 committed by James A. Petts
parent c5033768f2
commit ded1431fab
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
extensions/default/src/ViewerLayout/index.jsx
View File

@ -15,6 +15,20 @@ function ViewerLayout({
displaySetInstanceUids, displaySetInstanceUids,
ViewportGrid, ViewportGrid,
}) { }) {
/**
* Set body classes (tailwindcss) that don't allow vertical
* or horizontal overflow (no scrolling). Also guarantee window
* is sized to our viewport.
*/
useEffect(() => {
document.body.classList.add('bg-black');
document.body.classList.add('overflow-hidden');
return () => {
document.body.classList.remove('bg-black');
document.body.classList.remove('overflow-hidden');
};
}, []);
const getPanelData = id => { const getPanelData = id => {
const entry = extensionManager.getModuleEntry(id); const entry = extensionManager.getModuleEntry(id);
// TODO, not sure why sidepanel content has to be JSX, and not a children prop? // TODO, not sure why sidepanel content has to be JSX, and not a children prop?