CITKParus/P8-Panels
2
0
Fork 2
Code Issues Pull Requests 1 Projects Releases Wiki Activity

WEBAPP: стили скролов для теля панели и главного бокового меню панелей

Browse Source
This commit is contained in:
Mikhail Chechnev 2025-01-16 15:38:10 +03:00
parent a8a76766f4
commit efed4b8ea2
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/p8p_app_workspace.js
View File

@ -23,7 +23,8 @@ import {
ListItemIcon, ListItemIcon,
ListItemText ListItemText
} from "@mui/material"; //Интерфейсные компоненты } from "@mui/material"; //Интерфейсные компоненты
import { P8PPanelsMenuDrawer, P8P_PANELS_MENU_PANEL_SHAPE } from "./p8p_panels_menu"; import { P8PPanelsMenuDrawer, P8P_PANELS_MENU_PANEL_SHAPE } from "./p8p_panels_menu"; //Меню
import { APP_STYLES } from "../../app.styles"; //Типовые стили
//--------- //---------
//Константы //Константы
@ -34,6 +35,7 @@ const APP_BAR_HEIGHT = "64px";
//Стили //Стили
const STYLES = { const STYLES = {
DRAWER: { [`& .MuiDrawer-paper`]: { ...APP_STYLES.SCROLL } },
ROOT_BOX: { display: "flex" }, ROOT_BOX: { display: "flex" },
APP_BAR: { position: "fixed" }, APP_BAR: { position: "fixed" },
APP_BAR_BUTTON: { mr: 2 }, APP_BAR_BUTTON: { mr: 2 },
@ -88,7 +90,7 @@ const P8PAppWorkspace = ({ children, panels = [], selectedPanel, closeCaption, h
</Typography> </Typography>
</Toolbar> </Toolbar>
</AppBar> </AppBar>
<Drawer anchor="left" open={open} onClose={handleDrawerClose}> <Drawer anchor="left" open={open} onClose={handleDrawerClose} sx={STYLES.DRAWER}>
<List> <List>
<ListItemButton onClick={handleDrawerClose}> <ListItemButton onClick={handleDrawerClose}>
<ListItemIcon> <ListItemIcon>

2
index.html
View File

@ -16,7 +16,7 @@
<script src="./libs/frappe-gantt/frappe-gantt.js"></script> <script src="./libs/frappe-gantt/frappe-gantt.js"></script>
<link rel="stylesheet" href="./libs/frappe-gantt/frappe-gantt.css" /> <link rel="stylesheet" href="./libs/frappe-gantt/frappe-gantt.css" />
</head> </head>
<body style="display: block; margin: 0px"> <body style="display: block; margin: 0px" class="scroll">
<div id="app-content"></div> <div id="app-content"></div>
<script src="dist/p8-panels.js"></script> <script src="dist/p8-panels.js"></script>
</body> </body>