mirror of https://github.com/apache/superset.git
Remove hacky font-sizes (#19616)
This commit is contained in:
parent
ed1309e6bd
commit
0e68e42b7c
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue