Merge pull request #3827 from ProjectMirador/mui5-dialog

Create a Dialog variant to contain a modal within a mirador window
ProjectMirador · Nov 29, 2023 · c938312 · c938312
2 parents 101d3ba + e383dcd
commit c938312
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 18 deletions.
diff --git a/src/components/CollectionDialog.js b/src/components/CollectionDialog.js
@@ -124,19 +124,10 @@ export class CollectionDialog extends Component {
   placeholder() {
     return (
       <Dialog
-        sx={{
-          position: 'absolute !important',
-        }}
+        variant="contained"
         onClose={this.hideDialog}
         open
         container={this.dialogContainer()}
-        slotProps={{
-          backdrop: {
-            sx: {
-              position: 'absolute !important',
-            },
-          },
-        }}
       >
         <DialogTitle id="select-collection">
           <Skeleton variant="text" />
@@ -186,16 +177,9 @@ export class CollectionDialog extends Component {
 
     return (
       <Dialog
-        sx={{ position: 'absolute !important' }}
+        variant="contained"
         onClose={this.hideDialog}
         container={this.dialogContainer()}
-        slotProps={{
-          backdrop: {
-            sx: {
-              position: 'absolute !important',
-            },
-          },
-        }}
         open
       >
         <DialogTitle id="select-collection">

diff --git a/src/config/settings.js b/src/config/settings.js
@@ -250,6 +250,19 @@ export default {
           disableTouchRipple: true,
         },
       },
+      MuiDialog: {
+        variants: [
+          {
+            props: { variant: 'contained' },
+            style: {
+              position: 'absolute',
+              '& .MuiBackdrop-root': {
+                position: 'absolute'
+              }
+            },
+          }
+        ]
+      },
       MuiLink: {
         defaultProps: {
           underline: 'always'