mirror of
https://github.com/apache/superset.git
synced 2026-04-23 01:55:09 +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
@@ -21,13 +21,20 @@ import { FunctionComponent, useState, useRef, ChangeEvent } from 'react';
|
||||
import SchemaForm, { FormProps } from '@rjsf/core';
|
||||
import { FormValidation } from '@rjsf/utils';
|
||||
import validator from '@rjsf/validator-ajv8';
|
||||
import { Row, Col } from 'src/components';
|
||||
import { Input, TextArea } from 'src/components/Input';
|
||||
import { t, styled } from '@superset-ui/core';
|
||||
import { parseDate } from 'chrono-node';
|
||||
import ModalTrigger, { ModalTriggerRef } from 'src/components/ModalTrigger';
|
||||
import { Form, FormItem } from 'src/components/Form';
|
||||
import Button from 'src/components/Button';
|
||||
import {
|
||||
ModalTrigger,
|
||||
ModalTriggerRef,
|
||||
} from '@superset-ui/core/components/ModalTrigger';
|
||||
import {
|
||||
Input,
|
||||
Button,
|
||||
Form,
|
||||
FormItem,
|
||||
Row,
|
||||
Col,
|
||||
} from '@superset-ui/core/components';
|
||||
import getBootstrapData from 'src/utils/getBootstrapData';
|
||||
|
||||
const bootstrapData = getBootstrapData();
|
||||
@@ -92,7 +99,7 @@ interface ScheduleQueryButtonProps {
|
||||
}
|
||||
|
||||
const StyledRow = styled(Row)`
|
||||
padding-bottom: ${({ theme }) => theme.gridUnit * 2}px;
|
||||
padding-bottom: ${({ theme }) => theme.sizeUnit * 2}px;
|
||||
`;
|
||||
|
||||
export const StyledButtonComponent = styled(Button)`
|
||||
@@ -100,17 +107,14 @@ export const StyledButtonComponent = styled(Button)`
|
||||
background: none;
|
||||
text-transform: none;
|
||||
padding: 0px;
|
||||
color: ${theme.colors.grayscale.dark2};
|
||||
font-size: 14px;
|
||||
font-weight: ${theme.typography.weights.normal};
|
||||
font-weight: ${theme.fontWeightNormal};
|
||||
margin-left: 0;
|
||||
&:disabled {
|
||||
margin-left: 0;
|
||||
background: none;
|
||||
color: ${theme.colors.grayscale.dark2};
|
||||
&:hover {
|
||||
background: none;
|
||||
color: ${theme.colors.grayscale.dark2};
|
||||
}
|
||||
}
|
||||
`}
|
||||
@@ -185,7 +189,7 @@ const ScheduleQueryButton: FunctionComponent<ScheduleQueryButtonProps> = ({
|
||||
<StyledRow>
|
||||
<Col xs={24}>
|
||||
<FormItem label={t('Description')}>
|
||||
<TextArea
|
||||
<Input.TextArea
|
||||
rows={4}
|
||||
placeholder={t('Write a description for your query')}
|
||||
value={description}
|
||||
|
||||
Reference in New Issue
Block a user