mirror/FossFLOW
1
0
Fork 0
mirror of https://github.com/stan-smith/FossFLOW.git synced 2025-12-24 06:58:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: issue with scrolling icons

Browse Source
This commit is contained in:
Mark Mankarious
2023-08-28 22:09:49 +01:00
parent 9910fecada
commit 68e451aa49
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/ItemControls/ItemControlsManager.tsx
View File

@@ -1,5 +1,5 @@
import React, { useMemo } from 'react';
import { Box, useTheme } from '@mui/material';
import { useTheme } from '@mui/material';
import { useUiStateStore } from 'src/stores/uiStateStore';
import { IconSelection } from 'src/components/ItemControls/IconSelection/IconSelection';
import { UiElement } from 'components/UiElement/UiElement';
@@ -28,24 +28,25 @@ export const ItemControlsManager = () => {
}
}, [itemControls]);
const topOffset = useMemo(() => {
return theme.customVars.appPadding.y * 2 + parseInt(theme.spacing(2), 10);
}, [theme]);
return (
<UiElement
sx={{
top: theme.customVars.appPadding.y * 2 + parseInt(theme.spacing(2), 10)
top: topOffset,
maxHeight: `calc(100% - ${
topOffset + theme.customVars.appPadding.y
}px)`,
overflowY: 'scroll',
'&::-webkit-scrollbar': {
display: 'none'
},
width: '345px'
}}
>
<Box
sx={{
overflowY: 'scroll',
'&::-webkit-scrollbar': {
display: 'none'
},
width: '345px',
maxHeight: `calc(100% - ${theme.customVars.appPadding.y * 2}px)`
}}
>
{Controls}
</Box>
{Controls}
</UiElement>
);
};