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

style(database-modal): vertically align the button and the InfoTooltip icon (#36087)

Browse Source
This commit is contained in:
Enzo Martellucci
2025-11-14 15:45:41 +01:00
committed by GitHub
parent b051f779e6
commit f8933c2743
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx
View File

@@ -21,7 +21,7 @@ import { t } from '@superset-ui/core';
import { SupersetTheme } from '@apache-superset/core/ui';
import SupersetText from 'src/utils/textUtils';
import { Input, Button } from '@superset-ui/core/components';
import { StyledInputContainer, wideButton } from './styles';
import { StyledInputContainer, wideButton, marginBottom } from './styles';
import { DatabaseObject } from '../types';
const SqlAlchemyTab = ({
@@ -102,7 +102,7 @@ const SqlAlchemyTab = ({
loading={testInProgress}
cta
buttonStyle="link"
css={(theme: SupersetTheme) => wideButton(theme)}
css={(theme: SupersetTheme) => [wideButton(theme), marginBottom(theme)]}
>
{t('Test connection')}
</Button>

4
superset-frontend/src/features/databases/DatabaseModal/styles.ts
View File

@@ -106,6 +106,7 @@ export const infoTooltip = (theme: SupersetTheme) => css`
margin-bottom: ${theme.sizeUnit * 0.25}px;
}
display: flex;
align-items: center;
`;
export const toggleStyle = (theme: SupersetTheme) => css`
@@ -324,6 +325,7 @@ export const StyledAlignment = styled.div`
export const buttonLinkStyles = (theme: SupersetTheme) => css`
text-transform: initial;
padding: 0 ${theme.sizeUnit * 4}px;
padding-right: ${theme.sizeUnit * 2}px;
`;
@@ -335,8 +337,8 @@ export const importDbButtonLinkStyles = (theme: SupersetTheme) => css`
export const alchemyButtonLinkStyles = (theme: SupersetTheme) => css`
text-transform: initial;
padding: ${theme.sizeUnit * 8}px 0 0;
margin-left: 0px;
padding: 0 ${theme.sizeUnit * 2}px 0 0;
`;
export const TabHeader = styled.div`