mirror of
https://github.com/apache/superset.git
synced 2026-06-01 21:59:26 +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
@@ -18,11 +18,16 @@
|
||||
*/
|
||||
import { Component } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { Input } from 'src/components/Input';
|
||||
import Button from 'src/components/Button';
|
||||
import { Select, Row, Col } from 'src/components';
|
||||
import {
|
||||
Button,
|
||||
Col,
|
||||
Divider,
|
||||
InfoTooltip,
|
||||
Input,
|
||||
Row,
|
||||
Select,
|
||||
} from '@superset-ui/core/components';
|
||||
import { t, styled } from '@superset-ui/core';
|
||||
import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
|
||||
import BoundsControl from '../BoundsControl';
|
||||
import CheckboxControl from '../CheckboxControl';
|
||||
import ControlPopover from '../ControlPopover/ControlPopover';
|
||||
@@ -75,7 +80,7 @@ const colTypeOptions = [
|
||||
];
|
||||
|
||||
const StyledRow = styled(Row)`
|
||||
margin-top: ${({ theme }) => theme.gridUnit * 2}px;
|
||||
margin-top: ${({ theme }) => theme.sizeUnit * 2}px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
`;
|
||||
@@ -85,13 +90,13 @@ const StyledCol = styled(Col)`
|
||||
align-items: center;
|
||||
`;
|
||||
|
||||
const StyledTooltip = styled(InfoTooltipWithTrigger)`
|
||||
margin-left: ${({ theme }) => theme.gridUnit}px;
|
||||
const StyledTooltip = styled(InfoTooltip)`
|
||||
margin-left: ${({ theme }) => theme.sizeUnit}px;
|
||||
color: ${({ theme }) => theme.colors.grayscale.light1};
|
||||
`;
|
||||
|
||||
const ButtonBar = styled.div`
|
||||
margin-top: ${({ theme }) => theme.gridUnit * 5}px;
|
||||
margin-top: ${({ theme }) => theme.sizeUnit * 5}px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
`;
|
||||
@@ -222,7 +227,7 @@ export default class TimeSeriesColumnControl extends Component {
|
||||
options={colTypeOptions}
|
||||
/>,
|
||||
)}
|
||||
<hr />
|
||||
<Divider />
|
||||
{this.state.colType === 'spark' &&
|
||||
this.formRow(
|
||||
t('Width'),
|
||||
@@ -364,7 +369,7 @@ export default class TimeSeriesColumnControl extends Component {
|
||||
open={this.state.popoverVisible}
|
||||
onOpenChange={this.onPopoverVisibleChange}
|
||||
>
|
||||
<InfoTooltipWithTrigger
|
||||
<InfoTooltip
|
||||
icon="edit"
|
||||
className="text-primary"
|
||||
label="edit-ts-column"
|
||||
|
||||
Reference in New Issue
Block a user