iop
/
superset
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove hacky font-sizes (#19616)

This commit is contained in:
Geido 2022-04-28 11:38:04 +02:00 committed by GitHub
parent ed1309e6bd
commit 0e68e42b7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
superset-frontend/src/views/CRUD/data/database/DatabaseModal/styles.ts
View File

@ -49,14 +49,14 @@ export const StyledFormHeader = styled.header`
.helper-top {
padding-bottom: 0;
color: ${({ theme }) => theme.colors.grayscale.base};
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
font-size: ${({ theme }) => theme.typography.sizes.s}px;
margin: 0;
}
.helper-bottom {
padding-top: 0;
color: ${({ theme }) => theme.colors.grayscale.base};
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
font-size: ${({ theme }) => theme.typography.sizes.s}px;
margin: 0;
}
@ -169,14 +169,14 @@ export const antDAlertStyles = (theme: SupersetTheme) => css`
.ant-alert-message {
color: ${theme.colors.info.dark2};
font-size: ${theme.typography.sizes.s + 1}px;
font-size: ${theme.typography.sizes.m}px;
font-weight: ${theme.typography.weights.bold};
}
.ant-alert-description {
color: ${theme.colors.info.dark2};
font-size: ${theme.typography.sizes.s + 1}px;
line-height: ${theme.gridUnit * 4}px;
font-size: ${theme.typography.sizes.m}px;
line-height: ${theme.gridUnit * 5}px;
a {
text-decoration: underline;
@ -184,7 +184,7 @@ export const antDAlertStyles = (theme: SupersetTheme) => css`
.ant-alert-icon {
margin-right: ${theme.gridUnit * 2.5}px;
font-size: ${theme.typography.sizes.l + 1}px;
font-size: ${theme.typography.sizes.l}px;
position: relative;
top: ${theme.gridUnit / 4}px;
}
@ -203,15 +203,15 @@ export const antDErrorAlertStyles = (theme: SupersetTheme) => css`
margin: ${theme.gridUnit * 8}px ${theme.gridUnit * 4}px;
color: ${theme.colors.error.dark2};
.ant-alert-message {
font-size: ${theme.typography.sizes.s + 1}px;
font-size: ${theme.typography.sizes.m}px;
font-weight: ${theme.typography.weights.bold};
}
.ant-alert-description {
font-size: ${theme.typography.sizes.s + 1}px;
line-height: ${theme.gridUnit * 4}px;
font-size: ${theme.typography.sizes.m}px;
line-height: ${theme.gridUnit * 5}px;
.ant-alert-icon {
margin-right: ${theme.gridUnit * 2.5}px;
font-size: ${theme.typography.sizes.l + 1}px;
font-size: ${theme.typography.sizes.l}px;
position: relative;
top: ${theme.gridUnit / 4}px;
}
@ -251,7 +251,7 @@ export const formHelperStyles = (theme: SupersetTheme) => css`
display: block;
padding: ${theme.gridUnit}px 0;
color: ${theme.colors.grayscale.light1};
font-size: ${theme.typography.sizes.s - 1}px;
font-size: ${theme.typography.sizes.s}px;
text-align: left;
}
`;
@ -281,23 +281,23 @@ export const formStyles = (theme: SupersetTheme) => css`
}
.control-label {
color: ${theme.colors.grayscale.dark1};
font-size: ${theme.typography.sizes.s - 1}px;
font-size: ${theme.typography.sizes.s}px;
}
.helper {
color: ${theme.colors.grayscale.light1};
font-size: ${theme.typography.sizes.s - 1}px;
font-size: ${theme.typography.sizes.s}px;
margin-top: ${theme.gridUnit * 1.5}px;
}
.ant-tabs-content-holder {
overflow: auto;
max-height: 475px;
max-height: 480px;
}
`;
export const validatedFormStyles = (theme: SupersetTheme) => css`
label {
color: ${theme.colors.grayscale.dark1};
font-size: ${theme.typography.sizes.s - 1}px;
font-size: ${theme.typography.sizes.s}px;
margin-bottom: 0;
}
`;
@ -314,7 +314,7 @@ export const StyledInputContainer = styled.div`
.control-label {
color: ${theme.colors.grayscale.dark1};
font-size: ${theme.typography.sizes.s - 1}px;
font-size: ${theme.typography.sizes.s}px;
margin-bottom: ${theme.gridUnit * 2}px;
}
@ -444,7 +444,7 @@ export const TabHeader = styled.div`
.helper {
color: ${({ theme }) => theme.colors.grayscale.base};
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
font-size: ${({ theme }) => theme.typography.sizes.s}px;
margin: 0px;
}
`;
@ -462,7 +462,7 @@ export const CreateHeaderSubtitle = styled.div`
export const EditHeaderTitle = styled.div`
color: ${({ theme }) => theme.colors.grayscale.light1};
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
font-size: ${({ theme }) => theme.typography.sizes.s}px;
text-transform: uppercase;
`;
@ -541,7 +541,7 @@ export const SelectDatabaseStyles = styled.div`
.available {
margin: ${({ theme }) => theme.gridUnit * 4}px;
.available-label {
font-size: ${({ theme }) => theme.typography.sizes.l * 1.1}px;
font-size: ${({ theme }) => theme.typography.sizes.l}px;
font-weight: ${({ theme }) => theme.typography.weights.bold};
margin: ${({ theme }) => theme.gridUnit * 6}px 0;
}
@ -552,12 +552,12 @@ export const SelectDatabaseStyles = styled.div`
.label-available-select {
text-transform: uppercase;
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
font-size: ${({ theme }) => theme.typography.sizes.s}px;
}
.control-label {
color: ${({ theme }) => theme.colors.grayscale.dark1};
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
font-size: ${({ theme }) => theme.typography.sizes.s}px;
margin-bottom: ${({ theme }) => theme.gridUnit * 2}px;
}
`;
@ -581,7 +581,7 @@ export const StyledCatalogTable = styled.div`
}
.gsheet-title {
font-size: ${({ theme }) => theme.typography.sizes.l * 1.1}px;
font-size: ${({ theme }) => theme.typography.sizes.l}px;
font-weight: ${({ theme }) => theme.typography.weights.bold};
margin: ${({ theme }) => theme.gridUnit * 10}px 0 16px;
}