[8.2.1][Security Solution][Session view] fix full screen session view…

… margin (#130496) * Fix right spacing of full screen session view * Add full height to session view detail panel
elastic · Apr 18, 2022 · 08d61f3 · 08d61f3
1 parent 188c420
commit 08d61f3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 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
@@ -59,7 +59,8 @@ const StyledResolver = styled(Resolver)`
 `;
 
 const ScrollableFlexItem = styled(EuiFlexItem)`
- ${({ theme }) => `margin: 0 ${theme.eui.euiSizeM};`}
+ ${({ theme }) => `padding: 0 ${theme.eui.euiSizeM};
+ background-color: ${theme.eui.euiColorEmptyShade};`}
  overflow: hidden;
  width: 100%;
 `;

diff --git a/x-pack/plugins/session_view/public/components/session_view_detail_panel/styles.ts b/x-pack/plugins/session_view/public/components/session_view_detail_panel/styles.ts
@@ -12,11 +12,11 @@ import { CSSObject } from '@emotion/react';
 export const useStyles = () => {
  const { euiTheme } = useEuiTheme();
  const cached = useMemo(() => {
- const { border, colors } = euiTheme;
+ const { border } = euiTheme;
 
  const detailsPanel: CSSObject = {
  borderLeft: border.thin,
- backgroundColor: colors.emptyShade,
+ height: '100%',
  };
 
  return {