From dd7764675084ab6254065b18278899a6f3e9845c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20=C3=85lund?= Date: Tue, 6 Oct 2020 15:34:34 +0200 Subject: [PATCH 1/5] emptystates: add transparent versions --- .../EmptyState/EmptyState.stories.tsx | 14 +----- .../src/components/EmptyState/EmptyState.tsx | 5 --- .../EmptyState/assets/createComponent.svg | 37 ++++++++++++++- .../EmptyState/assets/missingAnnotation.svg | 43 +++++++++++++++++- .../components/EmptyState/assets/noBuild.svg | 45 ++++++++++++++++++- .../EmptyState/assets/noInformation.svg | 11 ++++- 6 files changed, 134 insertions(+), 21 deletions(-) diff --git a/packages/core/src/components/EmptyState/EmptyState.stories.tsx b/packages/core/src/components/EmptyState/EmptyState.stories.tsx index 15d61f14c0..9d507091d2 100644 --- a/packages/core/src/components/EmptyState/EmptyState.stories.tsx +++ b/packages/core/src/components/EmptyState/EmptyState.stories.tsx @@ -26,13 +26,9 @@ export default { const containerStyle = { width: '100%', height: '100vh' }; -export const Field = () => ( +export const MissingAnnotation = () => (
- +
); @@ -80,9 +76,3 @@ export const WithAction = () => ( /> ); - -export const MissingAnnotation = () => ( -
- -
-); diff --git a/packages/core/src/components/EmptyState/EmptyState.tsx b/packages/core/src/components/EmptyState/EmptyState.tsx index 4469c3ce86..3a56fc6cb3 100644 --- a/packages/core/src/components/EmptyState/EmptyState.tsx +++ b/packages/core/src/components/EmptyState/EmptyState.tsx @@ -66,11 +66,6 @@ export const EmptyState = ({ title, description, missing, action }: Props) => { - background diff --git a/packages/core/src/components/EmptyState/assets/createComponent.svg b/packages/core/src/components/EmptyState/assets/createComponent.svg index bb8b50e1ef..2634bb7f23 100644 --- a/packages/core/src/components/EmptyState/assets/createComponent.svg +++ b/packages/core/src/components/EmptyState/assets/createComponent.svg @@ -1 +1,36 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/core/src/components/EmptyState/assets/missingAnnotation.svg b/packages/core/src/components/EmptyState/assets/missingAnnotation.svg index 39534656fa..4f69605e6a 100644 --- a/packages/core/src/components/EmptyState/assets/missingAnnotation.svg +++ b/packages/core/src/components/EmptyState/assets/missingAnnotation.svg @@ -1 +1,42 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/core/src/components/EmptyState/assets/noBuild.svg b/packages/core/src/components/EmptyState/assets/noBuild.svg index ef45e1c736..d84f36af30 100644 --- a/packages/core/src/components/EmptyState/assets/noBuild.svg +++ b/packages/core/src/components/EmptyState/assets/noBuild.svg @@ -1 +1,44 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/core/src/components/EmptyState/assets/noInformation.svg b/packages/core/src/components/EmptyState/assets/noInformation.svg index 9a1c230e97..a36ce59d32 100644 --- a/packages/core/src/components/EmptyState/assets/noInformation.svg +++ b/packages/core/src/components/EmptyState/assets/noInformation.svg @@ -1 +1,10 @@ - \ No newline at end of file + + + + + + + + + + From a385c27eeb8bf9befafcb3880b40a86f35686f4d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20=C3=85lund?= Date: Tue, 6 Oct 2020 15:35:29 +0200 Subject: [PATCH 2/5] rm background --- packages/core/src/components/EmptyState/EmptyState.tsx | 1 - packages/core/src/components/EmptyState/assets/Background.svg | 1 - 2 files changed, 2 deletions(-) delete mode 100644 packages/core/src/components/EmptyState/assets/Background.svg diff --git a/packages/core/src/components/EmptyState/EmptyState.tsx b/packages/core/src/components/EmptyState/EmptyState.tsx index 3a56fc6cb3..523f4b467d 100644 --- a/packages/core/src/components/EmptyState/EmptyState.tsx +++ b/packages/core/src/components/EmptyState/EmptyState.tsx @@ -17,7 +17,6 @@ import React from 'react'; import { makeStyles, Typography, Grid } from '@material-ui/core'; import { EmptyStateImage } from './EmptyStateImage'; -import Background from './assets/Background.svg'; const useStyles = makeStyles(theme => ({ root: { diff --git a/packages/core/src/components/EmptyState/assets/Background.svg b/packages/core/src/components/EmptyState/assets/Background.svg deleted file mode 100644 index ce9aae6739..0000000000 --- a/packages/core/src/components/EmptyState/assets/Background.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file From 04af2d7af4dd5507047e6f0a4efd929988eaa8aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20=C3=85lund?= Date: Wed, 7 Oct 2020 08:40:57 +0200 Subject: [PATCH 3/5] rm non-used css --- packages/core/src/components/EmptyState/EmptyState.tsx | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/core/src/components/EmptyState/EmptyState.tsx b/packages/core/src/components/EmptyState/EmptyState.tsx index 523f4b467d..1af5ff6dd5 100644 --- a/packages/core/src/components/EmptyState/EmptyState.tsx +++ b/packages/core/src/components/EmptyState/EmptyState.tsx @@ -29,10 +29,6 @@ const useStyles = makeStyles(theme => ({ imageContainer: { position: 'relative', }, - backgroundImage: { - position: 'absolute', - width: '100%', - }, })); type Props = { From 758729cc3d66a765195335ffc68e723c93893a9d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20=C3=85lund?= Date: Wed, 7 Oct 2020 08:45:00 +0200 Subject: [PATCH 4/5] Update EmptyStateImage.tsx --- packages/core/src/components/EmptyState/EmptyStateImage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/components/EmptyState/EmptyStateImage.tsx b/packages/core/src/components/EmptyState/EmptyStateImage.tsx index 49598ae6db..d52a0f7dcf 100644 --- a/packages/core/src/components/EmptyState/EmptyStateImage.tsx +++ b/packages/core/src/components/EmptyState/EmptyStateImage.tsx @@ -27,7 +27,7 @@ type Props = { const useStyles = makeStyles({ generalImg: { - width: '75%', + width: '95%', zIndex: 2, position: 'absolute', left: '50%', From 8ca12579875e5bd3df21e8920e6e423ac4f02ef0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20=C3=85lund?= Date: Wed, 7 Oct 2020 19:14:45 +0200 Subject: [PATCH 5/5] Update noInformation.svg --- .../components/EmptyState/assets/noInformation.svg | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/packages/core/src/components/EmptyState/assets/noInformation.svg b/packages/core/src/components/EmptyState/assets/noInformation.svg index a36ce59d32..c199cf8b13 100644 --- a/packages/core/src/components/EmptyState/assets/noInformation.svg +++ b/packages/core/src/components/EmptyState/assets/noInformation.svg @@ -1,10 +1 @@ - - - - - - - - - - +