From 584466c9ed68bba4f83461ec9e2da39b7c09f61f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9gis=20Robineau?= <regisrobineau@gmail.com>
Date: Wed, 19 May 2021 18:31:07 +0200
Subject: [PATCH] Prevent item labels in Collection modal from being cut off
(#3432)
---
src/components/CollectionDialog.js | 12 ++++++++++--
src/containers/CollectionDialog.js | 3 +++
2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/src/components/CollectionDialog.js b/src/components/CollectionDialog.js
index f66e36a48..9c92b5e4d 100644
--- a/src/components/CollectionDialog.js
+++ b/src/components/CollectionDialog.js
@@ -243,7 +243,11 @@ export class CollectionDialog extends Component {
<MenuList>
{
collections.map(c => (
- <MenuItem key={c.id} onClick={() => { this.selectCollection(c); }}>
+ <MenuItem
+ key={c.id}
+ onClick={() => { this.selectCollection(c); }}
+ className={classes.collectionItem}
+ >
{CollectionDialog.getUseableLabel(c)}
</MenuItem>
))
@@ -254,7 +258,11 @@ export class CollectionDialog extends Component {
<MenuList>
{
manifest.getManifests().map(m => (
- <MenuItem key={m.id} onClick={() => { this.selectManifest(m); }}>
+ <MenuItem
+ key={m.id}
+ onClick={() => { this.selectManifest(m); }}
+ className={classes.collectionItem}
+ >
{CollectionDialog.getUseableLabel(m)}
</MenuItem>
))
diff --git a/src/containers/CollectionDialog.js b/src/containers/CollectionDialog.js
index d663a90fa..940daca68 100644
--- a/src/containers/CollectionDialog.js
+++ b/src/containers/CollectionDialog.js
@@ -54,6 +54,9 @@ const styles = theme => ({
padding: '16px',
paddingTop: 0,
},
+ collectionItem: {
+ whiteSpace: 'normal',
+ },
collectionMetadata: {
padding: '16px',
},
--
GitLab