From 8084a481e7f5bbdaed0418fbb4df25c61740cee7 Mon Sep 17 00:00:00 2001
From: tarjelavik <Tarje.Lavik@ub.uib.no>
Date: Mon, 13 Sep 2021 12:59:46 +0200
Subject: [PATCH] Fix height setting on HMO and Mirador
---
web/components/Documents/HumanMadeObject.js | 12 ++++++++----
web/components/MiradorViewer/index.js | 11 +++++++++--
2 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/web/components/Documents/HumanMadeObject.js b/web/components/Documents/HumanMadeObject.js
index e3a2a6f..8f55c30 100644
--- a/web/components/Documents/HumanMadeObject.js
+++ b/web/components/Documents/HumanMadeObject.js
@@ -78,14 +78,18 @@ export default function HumanMadeObject(item) {
</Container>
{item.subjectOfManifest && (
- <Box h="70vh" gridArea="image">
- <MiradorWithNoSSR manifests={[{ manifest: item.subjectOfManifest }]} />
+ <Box gridArea="image">
+ <MiradorWithNoSSR manifests={[{ manifest: item.subjectOfManifest }]} height="70vh" />
</Box>
)}
{item.manifest && !item.subjectOfManifest && (
- <Box h="70vh" gridArea="image">
- <MiradorWithNoSSR hideWindowTitle="true" manifests={[{ manifest: item.manifest }]} />
+ <Box gridArea="image">
+ <MiradorWithNoSSR
+ hideWindowTitle="true"
+ manifests={[{ manifest: item.manifest }]}
+ height="70vh"
+ />
</Box>
)}
diff --git a/web/components/MiradorViewer/index.js b/web/components/MiradorViewer/index.js
index 0429387..9990dbb 100644
--- a/web/components/MiradorViewer/index.js
+++ b/web/components/MiradorViewer/index.js
@@ -102,7 +102,14 @@ export default function MiradorViewer(props) {
const mode = useColorModeValue('light', 'dark')
const ID = `mirador-${nanoid()}`
- const { variant, manifests, workspaceControlPanel = false, gridArea, catalog } = props
+ const {
+ variant,
+ manifests,
+ workspaceControlPanel = false,
+ gridArea,
+ catalog,
+ height = '50vh',
+ } = props
const { variantSettings, plugins } = getVariant(variant)
const windows = manifests ? mergeManifestAndVariant(manifests, variantSettings) : null
@@ -172,7 +179,7 @@ export default function MiradorViewer(props) {
}, [mode])
return (
- <Box h="50vh" position="relative" gridArea={gridArea} bgColor="#eeeeee">
+ <Box h={height} position="relative" gridArea={gridArea} bgColor="#eeeeee">
<Box h="100%" id={ID} />
</Box>
)
--
GitLab