This is an automated email from the ASF dual-hosted git repository. maximebeauchemin pushed a commit to branch various_ux in repository https://gitbox.apache.org/repos/asf/superset.git
commit e4563b0e100236a0525876a69cc85919a46bce8b Author: Maxime Beauchemin <[email protected]> AuthorDate: Mon May 5 17:13:16 2025 -0700 align borderRadiussesses --- .../generators/plugin-chart/templates/src/MyChart.erb | 2 +- .../legacy-plugin-chart-partition/src/ReactPartition.jsx | 2 +- .../src/BigNumber/BigNumberPeriodOverPeriod/PopKPI.tsx | 2 +- .../plugin-chart-echarts/src/BigNumber/BigNumberViz.tsx | 2 +- .../plugins/plugin-chart-handlebars/src/Handlebars.tsx | 2 +- superset-frontend/src/components/CronPicker/index.tsx | 4 ++-- superset-frontend/src/components/ListView/Filters/Search.tsx | 2 +- superset-frontend/src/components/ListView/ListView.tsx | 2 +- .../src/dashboard/components/AddSliceCard/AddSliceCard.tsx | 6 +++--- .../dashboard/components/DashboardBuilder/DashboardBuilder.tsx | 2 +- superset-frontend/src/dashboard/components/DashboardGrid.jsx | 4 ++-- superset-frontend/src/dashboard/styles.ts | 2 +- .../components/controls/AnnotationLayerControl/index.tsx | 2 +- .../explore/components/controls/CollectionControl/index.jsx | 2 +- .../controls/ColumnConfigControl/ColumnConfigControl.tsx | 2 +- .../ConditionalFormattingControl.tsx | 2 +- .../src/explore/components/controls/CustomListItem/index.tsx | 8 ++++---- .../src/explore/components/controls/OptionControls/index.tsx | 8 ++++---- .../components/controls/VizTypeControl/VizTypeGallery.tsx | 6 +++--- superset-frontend/src/features/alerts/AlertReportModal.tsx | 2 +- .../src/features/allEntities/AllEntitiesTable.tsx | 2 +- .../src/features/annotationLayers/AnnotationLayerModal.tsx | 2 +- .../src/features/cssTemplates/CssTemplateModal.tsx | 4 ++-- .../src/features/databases/DatabaseModal/styles.ts | 10 +++++----- superset-frontend/src/pages/ChartCreation/index.tsx | 4 ++-- 25 files changed, 43 insertions(+), 43 deletions(-) diff --git a/superset-frontend/packages/generator-superset/generators/plugin-chart/templates/src/MyChart.erb b/superset-frontend/packages/generator-superset/generators/plugin-chart/templates/src/MyChart.erb index 7f9e6383e0..5fd08d655b 100644 --- a/superset-frontend/packages/generator-superset/generators/plugin-chart/templates/src/MyChart.erb +++ b/superset-frontend/packages/generator-superset/generators/plugin-chart/templates/src/MyChart.erb @@ -30,7 +30,7 @@ import { <%= packageLabel %>Props, <%= packageLabel %>StylesProps } from './type const Styles = styled.div<<%= packageLabel %>StylesProps>` background-color: ${({ theme }) => theme.colors.primary.light2}; padding: ${({ theme }) => theme.sizeUnit * 4}px; - border-radius: ${({ theme }) => theme.sizeUnit * 2}px; + border-radius: ${({ theme }) => theme.borderRadius}px; height: ${({ height }) => height}px; width: ${({ width }) => width}px; `; diff --git a/superset-frontend/plugins/legacy-plugin-chart-partition/src/ReactPartition.jsx b/superset-frontend/plugins/legacy-plugin-chart-partition/src/ReactPartition.jsx index 521ad32e7c..538c67fa9e 100644 --- a/superset-frontend/plugins/legacy-plugin-chart-partition/src/ReactPartition.jsx +++ b/superset-frontend/plugins/legacy-plugin-chart-partition/src/ReactPartition.jsx @@ -68,7 +68,7 @@ export default styled(Partition)` padding: ${theme.sizeUnit}px; pointer-events: none; background-color: ${theme.colors.grayscale.dark2}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; } .partition-tooltip td { diff --git a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/PopKPI.tsx b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/PopKPI.tsx index 511ae2308f..3746e1d01e 100644 --- a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/PopKPI.tsx +++ b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/PopKPI.tsx @@ -60,7 +60,7 @@ const SymbolWrapper = styled.span<PopKPIComparisonSymbolStyleProps>` background-color: ${backgroundColor}; color: ${textColor}; padding: ${theme.sizeUnit}px ${theme.sizeUnit * 2}px; - border-radius: ${theme.sizeUnit * 2}px; + border-radius: ${theme.borderRadius}px; margin-right: ${theme.sizeUnit}px; `} `; diff --git a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberViz.tsx b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberViz.tsx index 53a2b44add..b6209a227e 100644 --- a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberViz.tsx +++ b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberViz.tsx @@ -396,7 +396,7 @@ export default styled(BigNumberVis)` margin: -0.5em 0 0.4em; line-height: 1; padding: ${theme.sizeUnit}px; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; } } diff --git a/superset-frontend/plugins/plugin-chart-handlebars/src/Handlebars.tsx b/superset-frontend/plugins/plugin-chart-handlebars/src/Handlebars.tsx index 77314c6bde..2e7e27ae1e 100644 --- a/superset-frontend/plugins/plugin-chart-handlebars/src/Handlebars.tsx +++ b/superset-frontend/plugins/plugin-chart-handlebars/src/Handlebars.tsx @@ -23,7 +23,7 @@ import { HandlebarsProps, HandlebarsStylesProps } from './types'; const Styles = styled.div<HandlebarsStylesProps>` padding: ${({ theme }) => theme.sizeUnit * 4}px; - border-radius: ${({ theme }) => theme.sizeUnit * 2}px; + border-radius: ${({ theme }) => theme.borderRadius}px; height: ${({ height }) => height}px; width: ${({ width }) => width}px; overflow: auto; diff --git a/superset-frontend/src/components/CronPicker/index.tsx b/superset-frontend/src/components/CronPicker/index.tsx index abbddaf9b3..9d1ad22751 100644 --- a/superset-frontend/src/components/CronPicker/index.tsx +++ b/superset-frontend/src/components/CronPicker/index.tsx @@ -186,7 +186,7 @@ export const CronPicker = styled((props: CronProps) => ( .react-js-cron-custom-select .antd5-select-selection-placeholder { flex: auto; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; } .react-js-cron-custom-select .antd5-select-selection-overflow-item { @@ -195,7 +195,7 @@ export const CronPicker = styled((props: CronProps) => ( .react-js-cron-select > div:first-of-type, .react-js-cron-custom-select { - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; } `} `; diff --git a/superset-frontend/src/components/ListView/Filters/Search.tsx b/superset-frontend/src/components/ListView/Filters/Search.tsx index c515f47266..312988a586 100644 --- a/superset-frontend/src/components/ListView/Filters/Search.tsx +++ b/superset-frontend/src/components/ListView/Filters/Search.tsx @@ -44,7 +44,7 @@ const Container = styled.div` `; const StyledInput = styled(Input)` - border-radius: ${({ theme }) => theme.sizeUnit}px; + border-radius: ${({ theme }) => theme.borderRadius}px; `; function SearchFilter( diff --git a/superset-frontend/src/components/ListView/ListView.tsx b/superset-frontend/src/components/ListView/ListView.tsx index 9a267e4a54..68cae5545f 100644 --- a/superset-frontend/src/components/ListView/ListView.tsx +++ b/superset-frontend/src/components/ListView/ListView.tsx @@ -146,7 +146,7 @@ const ViewModeContainer = styled.div` .toggle-button { display: inline-block; - border-radius: ${({ theme }) => theme.sizeUnit / 2}px; + border-radius: ${({ theme }) => theme.borderRadius}px; padding: ${({ theme }) => theme.sizeUnit}px; padding-bottom: ${({ theme }) => theme.sizeUnit * 0.5}px; diff --git a/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx b/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx index 8f315cb8d6..b93e9f4b72 100644 --- a/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx +++ b/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx @@ -126,7 +126,7 @@ const SliceAddedBadgePlaceholder: FC<{ css={(theme: Theme) => css` /* Display styles */ border: 1px solid ${theme.colorBorder}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; color: ${theme.colorPrimaryText}; font-size: ${theme.fontSizeXS}px; letter-spacing: 0.02em; @@ -152,7 +152,7 @@ const SliceAddedBadge: FC<{ placeholder?: HTMLDivElement }> = ({ css={(theme: Theme) => css` /* Display styles */ border: 1px solid ${theme.colorBorder}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; color: ${theme.colorPrimaryText}; font-size: ${theme.fontSizeXS}px; letter-spacing: 0.02em; @@ -206,7 +206,7 @@ const AddSliceCard: FC<{ data-test="chart-card" css={(theme: Theme) => css` border: 1px solid ${theme.colorBorder}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; padding: ${theme.sizeUnit * 4}px; margin: 0 ${theme.sizeUnit * 3}px ${theme.sizeUnit * 3}px ${theme.sizeUnit * 3}px; diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx index 05e5be1677..7ee7f37813 100644 --- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx +++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx @@ -117,7 +117,7 @@ const StyledHeader = styled.div` left: ${theme.sizeUnit}px; top: ${theme.sizeUnit}px; border: 1px dashed transparent; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; opacity: 0.5; } `} diff --git a/superset-frontend/src/dashboard/components/DashboardGrid.jsx b/superset-frontend/src/dashboard/components/DashboardGrid.jsx index 6b62f097ab..9b3b5c5054 100644 --- a/superset-frontend/src/dashboard/components/DashboardGrid.jsx +++ b/superset-frontend/src/dashboard/components/DashboardGrid.jsx @@ -70,7 +70,7 @@ const GridContent = styled.div` display: flex; align-items: center; justify-content: center; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; overflow: hidden; &:before { @@ -79,7 +79,7 @@ const GridContent = styled.div` width: calc(100% - ${theme.sizeUnit * 2}px); height: calc(100% - ${theme.sizeUnit * 2}px); border: 1px dashed transparent; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; opacity: 0.5; } } diff --git a/superset-frontend/src/dashboard/styles.ts b/superset-frontend/src/dashboard/styles.ts index 3e1cb73ef5..b63cd015ee 100644 --- a/superset-frontend/src/dashboard/styles.ts +++ b/superset-frontend/src/dashboard/styles.ts @@ -95,7 +95,7 @@ export const focusStyle = (theme: SupersetTheme) => css` .header-controls span { &:focus-visible { box-shadow: 0 0 0 2px ${theme.colorPrimaryText}; - border-radius: ${theme.sizeUnit / 2}px; + border-radius: ${theme.borderRadius}px; outline: none; text-decoration: none; } diff --git a/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx b/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx index 48f639539e..0c9cf9c700 100644 --- a/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx +++ b/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx @@ -238,7 +238,7 @@ class AnnotationLayerControl extends PureComponent<Props, PopoverState> { return ( <div> - <List bordered css={theme => ({ borderRadius: theme.sizeUnit })}> + <List bordered css={theme => ({ borderRadius: theme.borderRadius })}> {annotations} <ControlPopover trigger="click" diff --git a/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx b/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx index d472ff6297..db1a3ade7f 100644 --- a/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx +++ b/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx @@ -111,7 +111,7 @@ class CollectionControl extends Component { onSortEnd={this.onSortEnd.bind(this)} bordered css={theme => ({ - borderRadius: theme.sizeUnit, + borderRadius: theme.borderRadius, })} > {this.props.value.map((o, i) => { diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx index e51807b4fa..a232f0e190 100644 --- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx +++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx @@ -130,7 +130,7 @@ export default function ColumnConfigControl<T extends ColumnConfig>({ <div css={{ border: `1px solid ${theme.colors.grayscale.light2}`, - borderRadius: theme.sizeUnit, + borderRadius: theme.borderRadius, }} > {columnsWithChildInfo.map(col => ( diff --git a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx index 9d20db321b..2562df27aa 100644 --- a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx +++ b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx @@ -37,7 +37,7 @@ const FormattersContainer = styled.div` ${({ theme }) => css` padding: ${theme.sizeUnit}px; border: solid 1px ${theme.colors.grayscale.light2}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; `} `; diff --git a/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx b/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx index 06a170c9a0..5ffda26c25 100644 --- a/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx +++ b/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx @@ -29,12 +29,12 @@ export default function CustomListItem(props: CustomListItemProps) { const css: Record<string, Record<string, Record<string, number> | string>> = { '&.antd5-list-item': { ':first-of-type': { - borderTopLeftRadius: theme.sizeUnit, - borderTopRightRadius: theme.sizeUnit, + borderTopLeftRadius: theme.borderRadius, + borderTopRightRadius: theme.borderRadius, }, ':last-of-type': { - borderBottomLeftRadius: theme.sizeUnit, - borderBottomRightRadius: theme.sizeUnit, + borderBottomLeftRadius: theme.borderRadius, + borderBottomRightRadius: theme.borderRadius, }, }, }; diff --git a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx index 67acc4957c..7104a72228 100644 --- a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx +++ b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx @@ -104,7 +104,7 @@ export const HeaderContainer = styled.div` export const LabelsContainer = styled.div` padding: ${({ theme }) => theme.sizeUnit}px; border: solid 1px ${({ theme }) => theme.colorSplit}; - border-radius: ${({ theme }) => theme.sizeUnit}px; + border-radius: ${({ theme }) => theme.borderRadius}px; `; const borderPulse = keyframes` @@ -140,12 +140,12 @@ export const DndLabelsContainer = styled.div<{ : theme.colorBorder }` }; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; &:before, &:after { content: ' '; position: absolute; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; } &:before { display: ${isDragging || isLoading ? 'block' : 'none'}; @@ -199,7 +199,7 @@ export const AddControlLabel = styled.div<{ font-size: ${({ theme }) => theme.fontSizeSM}px; color: ${({ theme }) => theme.colors.grayscale.light1}; border: dashed 1px ${({ theme }) => theme.colorSplit}; - border-radius: ${({ theme }) => theme.sizeUnit}px; + border-radius: ${({ theme }) => theme.borderRadius}px; cursor: ${({ cancelHover }) => (cancelHover ? 'inherit' : 'pointer')}; :hover { diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx index a58e2804d5..cf2bb358df 100644 --- a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx +++ b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx @@ -262,7 +262,7 @@ const Examples = styled.div` img { height: 100%; - border-radius: ${({ theme }) => theme.sizeUnit}px; + border-radius: ${({ theme }) => theme.borderRadius}px; border: 1px solid ${({ theme }) => theme.colors.grayscale.light2}; } `; @@ -276,7 +276,7 @@ const thumbnailContainerCss = (theme: SupersetTheme) => css` min-width: ${theme.sizeUnit * THUMBNAIL_GRID_UNITS}px; min-height: ${theme.sizeUnit * THUMBNAIL_GRID_UNITS}px; border: 1px solid ${theme.colors.grayscale.light2}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; transition: border-color ${theme.motionDurationMid}; } @@ -298,7 +298,7 @@ const HighlightLabel = styled.div` ${({ theme }) => ` border: 1px solid ${theme.colorPrimaryText}; box-sizing: border-box; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; background: ${theme.colors.grayscale.light5}; line-height: ${theme.sizeUnit * 2.5}px; color: ${theme.colorPrimaryText}; diff --git a/superset-frontend/src/features/alerts/AlertReportModal.tsx b/superset-frontend/src/features/alerts/AlertReportModal.tsx index e9192bb3fc..0469d1ff4f 100644 --- a/superset-frontend/src/features/alerts/AlertReportModal.tsx +++ b/superset-frontend/src/features/alerts/AlertReportModal.tsx @@ -315,7 +315,7 @@ export const StyledInputContainer = styled.div` padding: ${theme.sizeUnit}px ${theme.sizeUnit * 2}px; border-style: none; border: 1px solid ${theme.colorBorder}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; &[name='description'] { flex: 1 1 auto; diff --git a/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx b/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx index 5e2622aa56..46713354b1 100644 --- a/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx +++ b/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx @@ -31,7 +31,7 @@ const PAGE_SIZE = 10; const AllEntitiesTableContainer = styled.div` text-align: left; - border-radius: ${({ theme }) => theme.sizeUnit * 1}px 0; + border-radius: ${({ theme }) => theme.borderRadius}px 0; .table { table-layout: fixed; } diff --git a/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx b/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx index cf98f44e29..231dd7c2de 100644 --- a/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx +++ b/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx @@ -64,7 +64,7 @@ const LayerContainer = styled.div` padding: ${({ theme }) => theme.sizeUnit * 1.5}px ${({ theme }) => theme.sizeUnit * 2}px; border: 1px solid ${({ theme }) => theme.colors.grayscale.light2}; - border-radius: ${({ theme }) => theme.sizeUnit}px; + border-radius: ${({ theme }) => theme.borderRadius}px; width: 50%; } diff --git a/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx b/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx index da37b58a55..b4965051e8 100644 --- a/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx +++ b/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx @@ -69,8 +69,8 @@ const TemplateContainer = styled.div( input[type='text'] { padding: ${theme.sizeUnit * 1.5}px ${theme.sizeUnit * 2}px; - border: 1px solid ${theme.colors.grayscale.light2}; - border-radius: ${theme.sizeUnit}px; + border: 1px solid ${theme.colorBorder}; + border-radius: ${theme.borderRadius}px; width: 50%; } `, diff --git a/superset-frontend/src/features/databases/DatabaseModal/styles.ts b/superset-frontend/src/features/databases/DatabaseModal/styles.ts index 3d6f4d265d..d597bff8c5 100644 --- a/superset-frontend/src/features/databases/DatabaseModal/styles.ts +++ b/superset-frontend/src/features/databases/DatabaseModal/styles.ts @@ -280,7 +280,7 @@ export const StyledInputContainer = styled.div` padding: ${theme.sizeUnit * 1.5}px ${theme.sizeUnit * 2}px; border-style: none; border: 1px solid ${theme.colors.grayscale.light2}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; &[name='name'] { flex: 0 1 auto; @@ -307,8 +307,8 @@ export const StyledInputContainer = styled.div` export const StyledJsonEditor = styled(JsonEditor)` flex: 1 1 auto; - border: 1px solid ${({ theme }) => theme.colors.grayscale.light2}; - border-radius: ${({ theme }) => theme.sizeUnit}px; + border: 1px solid ${({ theme }) => theme.colorBorder}; + border-radius: ${({ theme }) => theme.borderRadius}px; `; export const StyledExpandableForm = styled.div` @@ -414,8 +414,8 @@ export const CredentialInfoForm = styled.div` .input-form { height: 100px; width: 100%; - border: 1px solid ${({ theme }) => theme.colors.grayscale.light2}; - border-radius: ${({ theme }) => theme.sizeUnit}px; + border: 1px solid ${({ theme }) => theme.colorBorder}; + border-radius: ${({ theme }) => theme.borderRadius}px; resize: vertical; padding: ${({ theme }) => theme.sizeUnit * 1.5}px ${({ theme }) => theme.sizeUnit * 2}px; diff --git a/superset-frontend/src/pages/ChartCreation/index.tsx b/superset-frontend/src/pages/ChartCreation/index.tsx index 98c6c1dd02..a3693d091e 100644 --- a/superset-frontend/src/pages/ChartCreation/index.tsx +++ b/superset-frontend/src/pages/ChartCreation/index.tsx @@ -75,7 +75,7 @@ const StyledContainer = styled.div` width: 100%; max-width: ${MAX_ADVISABLE_VIZ_GALLERY_WIDTH}px; max-height: calc(100vh - ${ESTIMATED_NAV_HEIGHT}px); - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; background-color: ${theme.colorBgContainer}; margin-left: auto; margin-right: auto; @@ -106,7 +106,7 @@ const StyledContainer = styled.div` & .viz-gallery { border: 1px solid ${theme.colorBorder}; - border-radius: ${theme.sizeUnit}px; + border-radius: ${theme.borderRadius}px; margin: ${theme.sizeUnit}px 0px; max-height: calc(100vh - ${ELEMENTS_EXCEPT_VIZ_GALLERY}px); flex: 1;
