Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow MAB div to be clicked through (#3359)

Browse source 
Allows users to interact with files that are blocked by the div that renders the MassActionbar
This commit is contained in:
Charles Morgan 2021-05-16 12:49:21 -04:00 committed by GitHub
parent 9c3c5f6f71
commit 69ac2ca40b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/scripts/components/server/files/MassActionsBar.tsx
View file

@ -63,7 +63,7 @@ const MassActionsBar = () => {
return ( return (
<Fade timeout={75} in={selectedFiles.length > 0} unmountOnExit> <Fade timeout={75} in={selectedFiles.length > 0} unmountOnExit>
<div css={tw`fixed bottom-0 z-50 left-0 right-0 flex justify-center`}> <div css={tw`pointer-events-none fixed bottom-0 z-50 left-0 right-0 flex justify-center`}>
<SpinnerOverlay visible={loading} size={'large'} fixed> <SpinnerOverlay visible={loading} size={'large'} fixed>
{loadingMessage} {loadingMessage}
</SpinnerOverlay> </SpinnerOverlay>
@ -85,7 +85,7 @@ const MassActionsBar = () => {
onDismissed={() => setShowMove(false)} onDismissed={() => setShowMove(false)}
/> />
} }
<div css={tw`rounded p-4 mb-6`} style={{ background: 'rgba(0, 0, 0, 0.35)' }}> <div css={tw`pointer-events-auto rounded p-4 mb-6`} style={{ background: 'rgba(0, 0, 0, 0.35)' }}>
<Button size={'xsmall'} css={tw`mr-4`} onClick={() => setShowMove(true)}> <Button size={'xsmall'} css={tw`mr-4`} onClick={() => setShowMove(true)}>
<FontAwesomeIcon icon={faLevelUpAlt} css={tw`mr-2`}/> Move <FontAwesomeIcon icon={faLevelUpAlt} css={tw`mr-2`}/> Move
</Button> </Button>