QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-04-22 17:45:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(theming): land Ant Design v5 overhaul — dynamic themes, real dark mode + massive styling refactor (#31590)

Browse Source 
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:
Maxime Beauchemin
2025-06-20 13:38:58 -07:00
committed by GitHub
parent 2cc1ef88c8
commit dd129fa403
1267 changed files with 32958 additions and 23592 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
superset-frontend/src/SqlLab/components/SqlEditorTabHeader/index.tsx
View File

@@ -20,8 +20,8 @@ import { useMemo, FC } from 'react';
import { bindActionCreators } from 'redux';
import { useSelector, useDispatch, shallowEqual } from 'react-redux';
import { MenuDotsDropdown } from 'src/components/Dropdown';
import { Menu } from 'src/components/Menu';
import { MenuDotsDropdown } from '@superset-ui/core/components';
import { Menu, MenuItemType } from '@superset-ui/core/components/Menu';
import {
styled,
css,
@@ -38,8 +38,7 @@ import {
toggleLeftBar,
} from 'src/SqlLab/actions/sqlLab';
import { QueryEditor, SqlLabRootState } from 'src/SqlLab/types';
import { MenuItemType } from 'antd-v5/es/menu/interface';
import { Icons, IconType } from 'src/components/Icons';
import { Icons, type IconType } from '@superset-ui/core/components/Icons';
const TabTitleWrapper = styled.div`
display: flex;
@@ -51,14 +50,14 @@ const TabTitleWrapper = styled.div`
}
`;
const TabTitle = styled.span`
margin-right: ${({ theme }) => theme.gridUnit * 2}px;
margin-right: ${({ theme }) => theme.sizeUnit * 2}px;
text-transform: none;
`;
const IconContainer = styled.div`
${({ theme }) => css`
display: inline-block;
margin: 0 ${theme.gridUnit * 2}px 0 0px;
margin: 0 ${theme.sizeUnit * 2}px 0 0px;
`}
`;
interface Props {
@@ -122,7 +121,7 @@ const SqlEditorTabHeader: FC<Props> = ({ queryEditor }) => {
[QueryState.Stopped]: theme.colors.warning.base,
[QueryState.Pending]: theme.colors.grayscale.light1,
[QueryState.Scheduled]: theme.colors.grayscale.light2,
[QueryState.Fetching]: theme.colors.secondary.base,
[QueryState.Fetching]: theme.colorWarning,
[QueryState.TimedOut]: theme.colors.error.dark1,
};
@@ -233,7 +232,7 @@ const SqlEditorTabHeader: FC<Props> = ({ queryEditor }) => {
<TabTitle>{qe.name}</TabTitle>{' '}
<StatusIcon
className="status-icon"
iconSize="xs"
iconSize="m"
iconColor={getStatusColor(queryState, theme)}
/>{' '}
</TabTitleWrapper>