summaryrefslogtreecommitdiff
path: root/client/table
diff options
context:
space:
mode:
authorAdam Harvey <adam@ahprojects.com>2019-04-03 14:35:41 +0200
committerAdam Harvey <adam@ahprojects.com>2019-04-03 14:35:41 +0200
commit0224090a9dcc79de897871cfa573f99cf8f005a5 (patch)
treeec5967fa3d6ca197af1ac12092fe168fdf499d48 /client/table
parent04677d60e9e867a6d02fa2c99f07f83dff6e6005 (diff)
parentdf707e4316c79375499974fb2a3443f1c049b93c (diff)
.
Diffstat (limited to 'client/table')
-rw-r--r--client/table/citations.table.js2
-rw-r--r--client/table/file.table.js2
-rw-r--r--client/table/tabulator.css11
3 files changed, 10 insertions, 5 deletions
diff --git a/client/table/citations.table.js b/client/table/citations.table.js
index bbc55047..178cc65b 100644
--- a/client/table/citations.table.js
+++ b/client/table/citations.table.js
@@ -117,7 +117,7 @@ class CitationsTable extends Component {
columns={citationsColumns}
data={filteredCitations}
options={{
- height: 311,
+ height: Math.max(104, Math.min(37 * formattedCitations.length + 29, 311)),
layout: 'fitColumns',
placeholder: formattedCitations.length ? '' : 'Nothing matches your query',
}}
diff --git a/client/table/file.table.js b/client/table/file.table.js
index 82c01ac5..db53243a 100644
--- a/client/table/file.table.js
+++ b/client/table/file.table.js
@@ -71,7 +71,7 @@ class FileTable extends Component {
columns={this.state.columns}
data={this.state.data}
options={{
- height: 311,
+ height: Math.min(37 * this.state.data.length + 29, 311),
layout: 'fitColumns',
placeholder: 'No Data Set',
}}
diff --git a/client/table/tabulator.css b/client/table/tabulator.css
index 17dad62a..95768976 100644
--- a/client/table/tabulator.css
+++ b/client/table/tabulator.css
@@ -8,8 +8,13 @@
.tabulator-row.tabulator-row-even {
background-color: #333;
}
-.desktop .tabulator-row.tabulator-selectable:hover {
- background-color: #555;
+.desktop .tabulator-row.tabulator-selectable.tabulator-row-even:hover {
+ cursor: arrow;
+ background-color: #333;
+}
+.desktop .tabulator-row.tabulator-selectable.tabulator-row-odd:hover {
+ cursor: arrow;
+ background-color: #222;
}
.tabulator-row .tabulator-cell {
border-right: 1px solid #444;
@@ -35,7 +40,7 @@
max-width: 400px;
margin-bottom: 10px;
background-image: url(/assets/img/icon-search.png);
- background-position: 390px center;
+ background-position: 380px center;
background-repeat: no-repeat;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
border: 0;