mirror of
https://github.com/apache/superset.git
synced 2026-06-02 06:09:21 +00:00
feat(theming): land Ant Design v5 overhaul — dynamic themes, real dark mode + massive styling refactor (#31590)
Co-authored-by: Enzo Martellucci <52219496+EnxDev@users.noreply.github.com> Co-authored-by: Diego Pucci <diegopucci.me@gmail.com> Co-authored-by: Mehmet Salih Yavuz <salih.yavuz@proton.me> Co-authored-by: Geido <60598000+geido@users.noreply.github.com> Co-authored-by: Alexandru Soare <37236580+alexandrusoare@users.noreply.github.com> Co-authored-by: Damian Pendrak <dpendrak@gmail.com> Co-authored-by: Pius Iniobong <67148161+payose@users.noreply.github.com> Co-authored-by: Enzo Martellucci <enzomartellucci@gmail.com> Co-authored-by: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
This commit is contained in:
committed by
GitHub
parent
2cc1ef88c8
commit
dd129fa403
@@ -23,6 +23,7 @@ import {
|
||||
COLUMN_NAME_ALIASES,
|
||||
ControlComponentProps,
|
||||
} from '@superset-ui/chart-controls';
|
||||
import { Icons } from '@superset-ui/core/components';
|
||||
import ColumnConfigItem from './ColumnConfigItem';
|
||||
import {
|
||||
ColumnConfigInfo,
|
||||
@@ -129,8 +130,8 @@ export default function ColumnConfigControl<T extends ColumnConfig>({
|
||||
<ControlHeader {...props} />
|
||||
<div
|
||||
css={{
|
||||
border: `1px solid ${theme.colors.grayscale.light2}`,
|
||||
borderRadius: theme.gridUnit,
|
||||
border: `1px solid ${theme.colorBorder}`,
|
||||
borderRadius: theme.borderRadius,
|
||||
}}
|
||||
>
|
||||
{columnsWithChildInfo.map(col => (
|
||||
@@ -166,11 +167,11 @@ export default function ColumnConfigControl<T extends ColumnConfig>({
|
||||
role="button"
|
||||
tabIndex={-1}
|
||||
css={{
|
||||
padding: theme.gridUnit * 2,
|
||||
padding: theme.sizeUnit * 2,
|
||||
textAlign: 'center',
|
||||
cursor: 'pointer',
|
||||
fontSize: theme.typography.sizes.xs,
|
||||
color: theme.colors.text.label,
|
||||
fontSize: theme.fontSizeXS,
|
||||
color: theme.colorTextLabel,
|
||||
':hover': {
|
||||
backgroundColor: theme.colors.grayscale.light4,
|
||||
},
|
||||
@@ -179,16 +180,11 @@ export default function ColumnConfigControl<T extends ColumnConfig>({
|
||||
>
|
||||
{showAllColumns ? (
|
||||
<>
|
||||
{/* TODO: Remove fa-icon */}
|
||||
{/* eslint-disable-next-line icons/no-fa-icons-usage */}
|
||||
<i className="fa fa-angle-up" /> {t('Show less columns')}
|
||||
<Icons.UpOutlined /> {t('Show less columns')}
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
{/* TODO: Remove fa-icon */}
|
||||
{/* eslint-disable-next-line icons/no-fa-icons-usage */}
|
||||
<i className="fa fa-angle-down" />
|
||||
{t('Show all columns')}
|
||||
<Icons.DownOutlined /> {t('Show all columns')}
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user