pt/superset
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2024-09-12 08:39:45 -04:00
Code Issues Packages Projects Releases Wiki Activity

Remove hacky font-sizes (#19616)

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