From daddb29e9d2fd0780f273ca1a92010d4367d30ed Mon Sep 17 00:00:00 2001
From: vkovtun <viktor.kovtun@id.ethz.ch>
Date: Tue, 20 Jun 2023 17:26:38 +0200
Subject: [PATCH] SSDM-13579: Fixed misaligned file name in the grid view.
---
.../js/components/database/data-browser/GridViewItem.jsx | 5 ++++-
.../src/js/components/database/data-browser/ItemIcon.jsx | 8 +++-----
2 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx b/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
index 28b5149a777..4fa61126d9c 100644
--- a/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
+++ b/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
@@ -19,6 +19,9 @@ const styles = (theme) => ({
backgroundColor: '#0000000a'
},
},
+ name: {
+ padding: '0'
+ }
})
class GridViewItem extends React.Component {
@@ -31,7 +34,7 @@ class GridViewItem extends React.Component {
<CardMedia>
<ItemIcon file={file} configuration={configuration} />
</CardMedia>
- <CardContent>
+ <CardContent className={classes.name}>
{file.name}
</CardContent>
</Grid>
diff --git a/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx b/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx
index 1db08eed12c..2ca86603b5c 100644
--- a/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx
+++ b/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx
@@ -51,11 +51,9 @@ class ItemIcon extends React.Component {
const iconType = this.extensionToIconType.get(
file.name.substring(file.name.lastIndexOf('.') + 1)
)
- return iconType ? (
- React.createElement(iconType, { className: classes.icon })
- ) : (
- <FileIcon className={classes.icon} />
- )
+ return iconType
+ ? React.createElement(iconType, { className: classes.icon })
+ : <FileIcon className={classes.icon} />
}
}
}
--
GitLab