From 97a30e1cc50a7b30349b16e808678494cf35cbb9 Mon Sep 17 00:00:00 2001 From: Audrey Hamelers <hamelers@ebi.ac.uk> Date: Mon, 11 Mar 2019 16:05:22 +0000 Subject: [PATCH] #429 --- app/components/activity/EventDescription.jsx | 3 +++ app/components/ui/molecules/Notification.jsx | 8 +++++--- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/app/components/activity/EventDescription.jsx b/app/components/activity/EventDescription.jsx index 3a509e75b..fb8107e43 100644 --- a/app/components/activity/EventDescription.jsx +++ b/app/components/activity/EventDescription.jsx @@ -22,6 +22,9 @@ const NoteEvent = styled.div` button { line-height: 0; } + .hidden { + display: none; + } ` const NoPadding = styled(Action)` span { diff --git a/app/components/ui/molecules/Notification.jsx b/app/components/ui/molecules/Notification.jsx index 2870bb5a9..5691d7d1c 100644 --- a/app/components/ui/molecules/Notification.jsx +++ b/app/components/ui/molecules/Notification.jsx @@ -7,9 +7,11 @@ const Container = styled.div` padding: ${th('gridUnit')}; margin: ${th('gridUnit')} 0; width: 100%; - display: flex; - align-items: flex-start; - border: ${th('borderWidth')} ${th('borderStyle')} ${th('colorBorder')}; + &.not(.hidden) { + display: flex; + align-items: flex-start; + border: ${th('borderWidth')} ${th('borderStyle')} ${th('colorBorder')}; + } &.warning { color: ${th('colorText')}; background-color: ${th('colorWarning')}; -- GitLab