Style Resolver enough that you can see it

elastic · Jun 26, 2020 · b9756e8 · b9756e8
1 parent d3e4a91
commit b9756e8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/x-pack/plugins/security_solution/public/timelines/components/graph_overlay/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/graph_overlay/index.tsx
@@ -40,6 +40,10 @@ const OverlayContainer = styled.div<{ bodyHeight?: number }>`
  width: 100%;
 `;
 
+const StyledResolver = styled(Resolver)`
+ height: 100%;
+`;
+
 interface OwnProps {
  bodyHeight?: number;
  graphEventId?: string;
@@ -118,7 +122,7 @@ const GraphOverlayComponent = ({
  </EuiFlexGroup>
 
  <EuiHorizontalRule margin="none" />
- <Resolver databaseDocumentID={graphEventId} />
+ <StyledResolver databaseDocumentID={graphEventId} />
  <AllCasesModal
  onCloseCaseModal={onCloseCaseModal}
  showCaseModal={showCaseModal}

diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/styles.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/styles.tsx
@@ -29,7 +29,7 @@ export const TimelineBody = styled.div.attrs(({ className = '' }) => ({
  overflow: auto;
  scrollbar-width: thin;
  flex: 1;
- visibility: ${({ visible }) => (visible ? 'visible' : 'hidden')};
+ display: ${({ visible }) => (visible ? 'block' : 'none')};
 
  &::-webkit-scrollbar {
  height: ${({ theme }) => theme.eui.euiScrollBar};