Skip to content

Commit

Permalink
WIP m
Browse files Browse the repository at this point in the history
  • Loading branch information
patrykkopycinski committed May 1, 2023
1 parent 9053d86 commit 362a351
Showing 1 changed file with 4 additions and 3 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@

import React, { useMemo, useRef } from 'react';
import { css } from '@emotion/react';
import { euiThemeVars } from '@kbn/ui-theme';
import { useEuiBackgroundColor, useEuiTheme } from '@elastic/eui';

import { StatefulTimeline } from '../../timeline';
import type { TimelineId } from '../../../../../common/types/timeline';
Expand All @@ -24,6 +24,7 @@ const FlyoutPaneComponent: React.FC<FlyoutPaneComponentProps> = ({
timelineId,
visible = true,
}) => {
const { euiTheme } = useEuiTheme();
const ref = useRef<HTMLDivElement>(null);

const timeline = useMemo(
Expand All @@ -50,10 +51,10 @@ const FlyoutPaneComponent: React.FC<FlyoutPaneComponentProps> = ({
min-width: 150px;
height: calc(100% - 96px);
top: 96px;
background: white;
background: ${useEuiBackgroundColor('plain')};
position: fixed;
width: 100%;
z-index: ${euiThemeVars.euiZFlyout};
z-index: ${euiTheme.levels.flyout};
display: ${visible ? 'block' : 'none'};
`}
>
Expand Down

0 comments on commit 362a351

Please sign in to comment.