From a2cc4e379e8e4e4444a2c11bc8543af2cad4584f Mon Sep 17 00:00:00 2001
From: vkovtun <vkovtun@ethz.ch>
Date: Thu, 20 Jul 2023 14:37:12 +0200
Subject: [PATCH] SSDM-13579: Made the content of the text cell and the icon
stick together in one line and not split to separate lines.
---
.../database/data-browser/DataBrowser.jsx | 20 ++++++++++++++-----
1 file changed, 15 insertions(+), 5 deletions(-)
diff --git a/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx b/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
index 907e6c8f924..52481ddeaf6 100644
--- a/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
+++ b/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
@@ -52,7 +52,17 @@ const styles = theme => ({
flex: '1 1 100%',
height: 0,
overflowY: 'hidden'
- }
+ },
+ nameCell: {
+ display: 'flex',
+ alignItems: 'center',
+ '&>span': {
+ flex: 1,
+ whiteSpace: 'nowrap',
+ overflow: 'hidden',
+ textOverflow: 'ellipsis'
+ }
+ },
})
const configuration =
@@ -177,14 +187,14 @@ class DataBrowser extends React.Component {
sortable: true,
getValue: ({ row }) => row.name,
renderValue: ({ row }) => (
- <>
+ <div className={classes.nameCell}>
<ItemIcon
file={row}
classes={{ icon: classes.icon }}
configuration={configuration}
- />{' '}
- {row.name}
- </>
+ />
+ <span>{row.name}</span>
+ </div>
),
renderFilter: null
},
--
GitLab