From 916fa46066e9b254d2baf9e58de0e203bf08876b Mon Sep 17 00:00:00 2001
From: Lutz Helm <helm@ub.uni-leipzig.de>
Date: Mon, 29 Mar 2021 10:27:38 +0200
Subject: [PATCH] Adjust SingleCanvasDialog UI to Mirador defaults
---
src/SingleCanvasDialog.js | 24 ++++++++++++++----------
1 file changed, 14 insertions(+), 10 deletions(-)
diff --git a/src/SingleCanvasDialog.js b/src/SingleCanvasDialog.js
index 7005bf8..75fe392 100644
--- a/src/SingleCanvasDialog.js
+++ b/src/SingleCanvasDialog.js
@@ -36,28 +36,32 @@ class SingleCanvasDialog extends Component {
} = this.props;
return (
<Dialog
+ aria-labelledby="single-canvas-dialog-title"
+ fullWidth
+ maxWidth="sm"
onClose={handleClose}
+ onEscapeKeyDown={handleClose}
open={open}
>
- <DialogTitle disableTypography>
+ <DialogTitle id="single-canvas-dialog-title" disableTypography>
<Typography variant="h2">
Switch view type to single view?
</Typography>
</DialogTitle>
<DialogContent>
- <DialogContentText variant="body2" color="inherit">
+ <DialogContentText variant="body1" color="inherit">
Annotations can only be edited in single canvas view type.
Switch view type to single view now?
</DialogContentText>
- <DialogActions>
- <Button onClick={this.confirm} variant="contained">
- Switch to single view
- </Button>
- <Button onClick={handleClose} variant="contained">
- Cancel
- </Button>
- </DialogActions>
</DialogContent>
+ <DialogActions>
+ <Button onClick={handleClose}>
+ Cancel
+ </Button>
+ <Button color="primary" onClick={this.confirm} variant="contained">
+ Switch to single view
+ </Button>
+ </DialogActions>
</Dialog>
);
}
--
GitLab