mirror of
https://github.com/apache/superset.git
synced 2026-04-26 11:34:27 +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
@@ -29,10 +29,10 @@ import RunQueryActionButton, {
|
||||
const middlewares = [thunk];
|
||||
const mockStore = configureStore(middlewares);
|
||||
|
||||
jest.mock('src/components/Select/Select', () => () => (
|
||||
jest.mock('@superset-ui/core/components/Select/Select', () => () => (
|
||||
<div data-test="mock-deprecated-select-select" />
|
||||
));
|
||||
jest.mock('src/components/Select/AsyncSelect', () => () => (
|
||||
jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
|
||||
<div data-test="mock-deprecated-async-select" />
|
||||
));
|
||||
|
||||
|
||||
@@ -20,9 +20,8 @@ import { useMemo, FC, ReactElement } from 'react';
|
||||
|
||||
import { t, styled, useTheme, SupersetTheme } from '@superset-ui/core';
|
||||
|
||||
import Button from 'src/components/Button';
|
||||
import { Icons } from 'src/components/Icons';
|
||||
import { DropdownButton } from 'src/components/DropdownButton';
|
||||
import { Button, DropdownButton } from '@superset-ui/core/components';
|
||||
import { Icons } from '@superset-ui/core/components/Icons';
|
||||
import { detectOS } from 'src/utils/common';
|
||||
import { QueryButtonProps } from 'src/SqlLab/types';
|
||||
import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
|
||||
@@ -85,11 +84,11 @@ const StyledButton = styled.span`
|
||||
// this is to over ride a previous transition built into the component
|
||||
transition: background-color 0ms;
|
||||
&:last-of-type {
|
||||
margin-right: ${({ theme }) => theme.gridUnit * 2}px;
|
||||
margin-right: ${({ theme }) => theme.sizeUnit * 2}px;
|
||||
}
|
||||
span[name='caret-down'] {
|
||||
display: flex;
|
||||
margin-left: ${({ theme }) => theme.gridUnit * 1}px;
|
||||
margin-left: ${({ theme }) => theme.sizeUnit * 1}px;
|
||||
}
|
||||
}
|
||||
`;
|
||||
@@ -152,16 +151,14 @@ const RunQueryActionButton = ({
|
||||
icon: (
|
||||
<Icons.DownOutlined
|
||||
iconColor={
|
||||
isDisabled
|
||||
? theme.colors.grayscale.base
|
||||
: theme.colors.grayscale.light5
|
||||
isDisabled ? theme.colorTextDisabled : theme.colorIcon
|
||||
}
|
||||
/>
|
||||
),
|
||||
trigger: 'click',
|
||||
}
|
||||
: {
|
||||
buttonStyle: shouldShowStopBtn ? 'warning' : 'primary',
|
||||
buttonStyle: shouldShowStopBtn ? 'danger' : 'primary',
|
||||
})}
|
||||
>
|
||||
{buildText(shouldShowStopBtn, selectedText, theme)}
|
||||
|
||||
Reference in New Issue
Block a user