From c0f97b7719ba0296050d5e5fd8d3d65bac124123 Mon Sep 17 00:00:00 2001
From: esikkala <esko.ikkala@aalto.fi>
Date: Sun, 8 Sep 2019 11:48:58 +0300
Subject: [PATCH] Set material table height
---
.../facet_results/MaterialTableFullTextResults.js | 11 +++++++++--
src/client/components/perspectives/All.js | 1 +
2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/client/components/facet_results/MaterialTableFullTextResults.js b/src/client/components/facet_results/MaterialTableFullTextResults.js
index d69bbc64..d42cf73d 100644
--- a/src/client/components/facet_results/MaterialTableFullTextResults.js
+++ b/src/client/components/facet_results/MaterialTableFullTextResults.js
@@ -22,6 +22,10 @@ const styles = () => ({
alignItems: 'center',
justifyContent: 'center',
},
+ tableContainer: {
+ maxWidth: '100%',
+ height: 'calc(100% - 72px)'
+ }
});
class MaterialTableFullTextResults extends React.Component {
@@ -32,14 +36,17 @@ class MaterialTableFullTextResults extends React.Component {
let resultText = results == 1 ? 'result' : 'results';
if (this.props.fetching) {
return (
- <Paper className={this.props.classes.progressContainer}>
+ <Paper square className={this.props.classes.progressContainer}>
<CircularProgress style={{ color: purple[500] }} thickness={5} />
</Paper>
);
} else {
return (
- <div style={{ maxWidth: '100%' }}>
+ <div className={this.props.classes.tableContainer}>
<MaterialTable
+ options={{
+ maxBodyHeight: '100%'
+ }}
columns={[
{
title: 'Label',
diff --git a/src/client/components/perspectives/All.js b/src/client/components/perspectives/All.js
index 331bf335..d7621dea 100644
--- a/src/client/components/perspectives/All.js
+++ b/src/client/components/perspectives/All.js
@@ -13,6 +13,7 @@ const All = props => {
tabs={[{
id: 'table',
label: 'table',
+ icon: 'CalendarViewDay',
value: 0,
}]}
/>
--
GitLab