From 2837502a7b379b261004d691460792dc61f61492 Mon Sep 17 00:00:00 2001 From: Artem Baskal Date: Wed, 29 Apr 2020 19:09:00 +0300 Subject: [PATCH] Merge: + client: Make default table height 100% Squashed commit of the following: commit d6b07ae070b5ec826dbe3e226e326f9d52b8c7d1 Author: ArtemBaskal Date: Wed Apr 29 16:57:22 2020 +0300 Limit dasboard tables height commit 6b42f7a1e3cb82e1b792dd352717a3ffa9566b4b Author: ArtemBaskal Date: Wed Apr 29 16:44:08 2020 +0300 + client: Make default table height 100% --- client/package-lock.json | 15 ++++++++++----- client/src/components/Dashboard/BlockedDomains.js | 2 +- client/src/components/Dashboard/Clients.js | 2 +- client/src/components/Dashboard/QueriedDomains.js | 2 +- client/src/components/ui/Card.css | 5 +++++ 5 files changed, 18 insertions(+), 8 deletions(-) diff --git a/client/package-lock.json b/client/package-lock.json index 6c73efd3..874c9e1e 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -2259,7 +2259,8 @@ }, "kind-of": { "version": "6.0.2", - "resolved": "", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", "dev": true } } @@ -3056,7 +3057,8 @@ }, "kind-of": { "version": "6.0.2", - "resolved": "", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", "dev": true }, "micromatch": { @@ -3688,7 +3690,8 @@ }, "minimist": { "version": "1.2.0", - "resolved": "", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true }, "normalize-path": { @@ -5288,7 +5291,8 @@ }, "kind-of": { "version": "6.0.2", - "resolved": "", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", "dev": true } } @@ -11525,7 +11529,8 @@ }, "kind-of": { "version": "6.0.2", - "resolved": "", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", "dev": true } } diff --git a/client/src/components/Dashboard/BlockedDomains.js b/client/src/components/Dashboard/BlockedDomains.js index 3823d52d..0bb61f4c 100644 --- a/client/src/components/Dashboard/BlockedDomains.js +++ b/client/src/components/Dashboard/BlockedDomains.js @@ -58,7 +58,7 @@ const BlockedDomains = ({ noDataText={t('no_domains_found')} minRows={6} defaultPageSize={100} - className="-highlight card-table-overflow stats__table" + className="-highlight card-table-overflow--limited stats__table" /> ); diff --git a/client/src/components/Dashboard/Clients.js b/client/src/components/Dashboard/Clients.js index 0a9ec903..f0b73ffe 100644 --- a/client/src/components/Dashboard/Clients.js +++ b/client/src/components/Dashboard/Clients.js @@ -119,7 +119,7 @@ const Clients = ({ noDataText={t('no_clients_found')} minRows={6} defaultPageSize={100} - className="-highlight card-table-overflow clients__table" + className="-highlight card-table-overflow--limited clients__table" getTrProps={(_state, rowInfo) => { if (!rowInfo) { return {}; diff --git a/client/src/components/Dashboard/QueriedDomains.js b/client/src/components/Dashboard/QueriedDomains.js index 85c39cfb..8bc7674a 100644 --- a/client/src/components/Dashboard/QueriedDomains.js +++ b/client/src/components/Dashboard/QueriedDomains.js @@ -59,7 +59,7 @@ const QueriedDomains = ({ noDataText={t('no_domains_found')} minRows={6} defaultPageSize={100} - className="-highlight card-table-overflow stats__table" + className="-highlight card-table-overflow--limited stats__table" /> ); diff --git a/client/src/components/ui/Card.css b/client/src/components/ui/Card.css index 577fa60a..e5840f7f 100644 --- a/client/src/components/ui/Card.css +++ b/client/src/components/ui/Card.css @@ -10,6 +10,11 @@ } .card-table-overflow { + overflow-y: auto; + max-height: 100%; +} + +.card-table-overflow--limited { overflow-y: auto; max-height: 280px; }