fix: White space between Chart and Data panel in Explore (#14495)

* Adjust white space

* Adjust chart padding
This commit is contained in:
Geido 2021-05-10 23:03:43 +03:00 committed by GitHub
parent 77bc51f6aa
commit e21beb76f1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions

View File

@ -93,6 +93,7 @@ const CollapseWrapper = styled.div`
height: calc(100% - ${({ theme }) => theme.gridUnit * 8}px);
.ant-collapse-content-box {
padding-top: 0;
height: 100%;
}
}

View File

@ -58,7 +58,8 @@ const propTypes = {
const GUTTER_SIZE_FACTOR = 1.25;
const CHART_PANEL_PADDING = 30;
const CHART_PANEL_PADDING_HORIZ = 30;
const CHART_PANEL_PADDING_VERTICAL = 15;
const HEADER_PADDING = 15;
const STORAGE_KEYS = {
@ -183,8 +184,9 @@ const ExploreChartPanel = props => {
const renderChart = useCallback(() => {
const { chart } = props;
const newHeight = calcSectionHeight(splitSizes[0]) - CHART_PANEL_PADDING;
const chartWidth = chartPanelWidth - CHART_PANEL_PADDING;
const newHeight =
calcSectionHeight(splitSizes[0]) - CHART_PANEL_PADDING_VERTICAL;
const chartWidth = chartPanelWidth - CHART_PANEL_PADDING_HORIZ;
return (
chartWidth > 0 && (
<ChartContainer