From 7e47c6a529a0c888a90b7c2d0fd92a36d91d093c Mon Sep 17 00:00:00 2001
From: vkovtun <vkovtun@ethz.ch>
Date: Wed, 21 Jun 2023 17:11:43 +0200
Subject: [PATCH] SSDM-13579: Made icons slightly smaller in the list view.
---
.../components/database/data-browser/DataBrowser.jsx | 10 +++++++---
1 file changed, 7 insertions(+), 3 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 ef502cdc051..acfe1523628 100644
--- a/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
+++ b/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
@@ -11,6 +11,7 @@ import Paper from '@material-ui/core/Paper'
import Grid from '@src/js/components/common/grid/Grid.jsx'
import GridFilterOptions from '@src/js/components/common/grid/GridFilterOptions.js'
import AppController from '@src/js/components/AppController.js'
+import ItemIcon from '@src/js/components/database/data-browser/ItemIcon.jsx'
const styles = theme => ({
boundary: {
@@ -19,7 +20,10 @@ const styles = theme => ({
borderStyle: 'solid',
borderColor: theme.palette.border.secondary,
backgroundColor: theme.palette.background.paper
- }
+ },
+ icon: {
+ fontSize: '4rem',
+ },
})
const configuration =
@@ -149,8 +153,8 @@ class DataBrowser extends React.Component {
name: 'name',
label: 'Name',
sortable: true,
- getValue: ({ row }) => row.name,
- renderValue: ({ value }) => value,
+ getValue: ({ row }) => row,
+ renderValue: ({ value }) => <><ItemIcon file={value} classes={classes} configuration={configuration} /> {value.name}</>,
renderFilter: null
},
{
--
GitLab