fix: blocks UI elements on right side (#30886)
Co-authored-by: Evan Rusackas <evan@preset.io>
This commit is contained in:
parent
87c73175a7
commit
df479940a6
|
|
@ -21,7 +21,7 @@ import { useState, useMemo, useCallback, useEffect } from 'react';
|
|||
import { ResizeCallback, ResizeStartCallback } from 're-resizable';
|
||||
import cx from 'classnames';
|
||||
import { useSelector } from 'react-redux';
|
||||
import { css } from '@superset-ui/core';
|
||||
import { css, useTheme } from '@superset-ui/core';
|
||||
import { LayoutItem, RootState } from 'src/dashboard/types';
|
||||
import AnchorLink from 'src/dashboard/components/AnchorLink';
|
||||
import Chart from 'src/dashboard/containers/Chart';
|
||||
|
|
@ -70,15 +70,6 @@ interface ChartHolderProps {
|
|||
isInView: boolean;
|
||||
}
|
||||
|
||||
const fullSizeStyle = css`
|
||||
&& {
|
||||
position: fixed;
|
||||
z-index: 3000;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
`;
|
||||
|
||||
const ChartHolder: React.FC<ChartHolderProps> = ({
|
||||
id,
|
||||
parentId,
|
||||
|
|
@ -102,6 +93,16 @@ const ChartHolder: React.FC<ChartHolderProps> = ({
|
|||
setFullSizeChartId,
|
||||
isInView,
|
||||
}) => {
|
||||
const theme = useTheme();
|
||||
const fullSizeStyle = css`
|
||||
&& {
|
||||
position: fixed;
|
||||
z-index: 3000;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: ${theme.gridUnit * 2}px;
|
||||
}
|
||||
`;
|
||||
const { chartId } = component.meta;
|
||||
const isFullSize = fullSizeChartId === chartId;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue