style(FastVizSwitcher): Adjust padding for FastVizSwitcher selector (#34317)

This commit is contained in:
Enzo Martellucci
2025-07-28 13:39:10 +02:00
committed by GitHub
parent 1a4e2173f5
commit 913e068113
3 changed files with 5 additions and 12 deletions

View File

@@ -96,7 +96,6 @@ const StyledTabsContainer = styled.div`
.ant-tabs-content-holder {
overflow: visible;
padding-top: ${theme.sizeUnit * 4}px;
}
}

View File

@@ -19,7 +19,7 @@
import { memo, useMemo } from 'react';
import { useSelector } from 'react-redux';
import { css, SupersetTheme } from '@superset-ui/core';
import { Icons } from '@superset-ui/core/components/Icons';
import { Flex, Icons } from '@superset-ui/core/components';
import { getChartKey } from 'src/explore/exploreUtils';
import { ExplorePageState } from 'src/explore/types';
import { FastVizSwitcherProps } from './types';
@@ -79,14 +79,7 @@ export const FastVizSwitcher = memo(
}, [currentSelection, currentViz]);
return (
<div
css={(theme: SupersetTheme) => css`
display: flex;
justify-content: space-between;
column-gap: ${theme.sizeUnit}px;
`}
data-test="fast-viz-switcher"
>
<Flex justify="space-between" gap={4} data-test="fast-viz-switcher">
{vizTiles.map(vizMeta => (
<VizTile
vizMeta={vizMeta}
@@ -96,7 +89,7 @@ export const FastVizSwitcher = memo(
key={vizMeta.name}
/>
))}
</div>
</Flex>
);
},
);

View File

@@ -124,7 +124,7 @@ export const VizTile = ({
>
<span
css={css`
padding: 0px ${theme.sizeUnit}px;
padding: 0px ${theme.sizeUnit * 1.25}px;
`}
>
{vizMeta.icon}
@@ -136,6 +136,7 @@ export const VizTile = ({
font-size: ${theme.fontSizeSM}px;
min-width: 0;
padding-right: ${theme.sizeUnit}px;
line-height: 1;
`}
ref={chartNameRef}
>