diff --git a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberWithTrendline/controlPanel.tsx b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberWithTrendline/controlPanel.tsx index 869583f84..83cf915c7 100644 --- a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberWithTrendline/controlPanel.tsx +++ b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberWithTrendline/controlPanel.tsx @@ -279,7 +279,7 @@ const config: ControlPanelConfig = { label: t('Number format'), }, x_axis: { - label: t('TEMPORAL X-AXIS'), + label: t('Temporal X-Axis'), ...temporalColumnMixin, }, }, diff --git a/superset-frontend/src/GlobalStyles.tsx b/superset-frontend/src/GlobalStyles.tsx index bd882e397..784b3d9b2 100644 --- a/superset-frontend/src/GlobalStyles.tsx +++ b/superset-frontend/src/GlobalStyles.tsx @@ -40,7 +40,6 @@ export const GlobalStyles = () => ( border-radius: ${theme.borderRadius}px; background: ${theme.colors.primary.base}; border: none; - text-transform: uppercase; color: ${theme.colors.grayscale.light5}; line-height: 1.5715; font-size: ${theme.typography.sizes.s}px; @@ -53,7 +52,6 @@ export const GlobalStyles = () => ( border-radius: ${theme.borderRadius}px; background: ${theme.colors.primary.light4}; border: none; - text-transform: uppercase; color: ${theme.colors.primary.dark1}; line-height: 1.5715; font-size: ${theme.typography.sizes.s}px; diff --git a/superset-frontend/src/assets/stylesheets/less/cosmo/bootswatch.less b/superset-frontend/src/assets/stylesheets/less/cosmo/bootswatch.less index 26c44bdaa..c9ece15bb 100644 --- a/superset-frontend/src/assets/stylesheets/less/cosmo/bootswatch.less +++ b/superset-frontend/src/assets/stylesheets/less/cosmo/bootswatch.less @@ -58,10 +58,6 @@ // Buttons ==================================================================== -.btn { - text-transform: uppercase; -} - .btn:focus, .btn:active:focus { outline: none; @@ -508,7 +504,6 @@ a { } .control-label { - text-transform: uppercase; color: @gray; font-size: @font-size-s; } diff --git a/superset-frontend/src/components/Button/index.tsx b/superset-frontend/src/components/Button/index.tsx index 86b52afb0..69c566663 100644 --- a/superset-frontend/src/components/Button/index.tsx +++ b/superset-frontend/src/components/Button/index.tsx @@ -170,7 +170,6 @@ export default function Button(props: ButtonProps) { fontSize: typography.sizes.s, fontWeight: typography.weights.bold, height, - textTransform: 'uppercase', padding: `0px ${padding}px`, transition: `all ${transitionTiming}s`, minWidth: cta ? theme.gridUnit * 36 : undefined, diff --git a/superset-frontend/src/components/Datasource/DatasourceEditor.jsx b/superset-frontend/src/components/Datasource/DatasourceEditor.jsx index 9282fda4a..3fa99f34f 100644 --- a/superset-frontend/src/components/Datasource/DatasourceEditor.jsx +++ b/superset-frontend/src/components/Datasource/DatasourceEditor.jsx @@ -1086,7 +1086,7 @@ class DatasourceEditor extends PureComponent { theme.colors.grayscale.base}; - text-transform: uppercase; } `; diff --git a/superset-frontend/src/components/DropdownButton/index.tsx b/superset-frontend/src/components/DropdownButton/index.tsx index 9bf26645c..f8910c4cb 100644 --- a/superset-frontend/src/components/DropdownButton/index.tsx +++ b/superset-frontend/src/components/DropdownButton/index.tsx @@ -31,7 +31,6 @@ const StyledDropdownButton = styled.div` font-size: 12px; line-height: 13px; outline: none; - text-transform: uppercase; &:first-of-type { border-radius: ${({ theme }) => `${theme.gridUnit}px 0 0 ${theme.gridUnit}px`}; diff --git a/superset-frontend/src/components/Form/FormItem.tsx b/superset-frontend/src/components/Form/FormItem.tsx index 9b529dbd5..dd829cd1e 100644 --- a/superset-frontend/src/components/Form/FormItem.tsx +++ b/superset-frontend/src/components/Form/FormItem.tsx @@ -24,7 +24,6 @@ const StyledItem = styled(Form.Item)` .ant-form-item-label { padding-bottom: ${theme.gridUnit}px; & > label { - text-transform: uppercase; font-size: ${theme.typography.sizes.s}px; color: ${theme.colors.grayscale.base}; diff --git a/superset-frontend/src/components/Form/FormLabel.tsx b/superset-frontend/src/components/Form/FormLabel.tsx index e28e9ab7b..bf52dacb8 100644 --- a/superset-frontend/src/components/Form/FormLabel.tsx +++ b/superset-frontend/src/components/Form/FormLabel.tsx @@ -27,14 +27,12 @@ export type FormLabelProps = { }; const Label = styled.label` - text-transform: uppercase; font-size: ${({ theme }) => theme.typography.sizes.s}px; color: ${({ theme }) => theme.colors.grayscale.base}; margin-bottom: ${({ theme }) => theme.gridUnit}px; `; const RequiredLabel = styled.label` - text-transform: uppercase; font-size: ${({ theme }) => theme.typography.sizes.s}px; color: ${({ theme }) => theme.colors.grayscale.base}; margin-bottom: ${({ theme }) => theme.gridUnit}px; diff --git a/superset-frontend/src/components/Modal/Modal.tsx b/superset-frontend/src/components/Modal/Modal.tsx index 3d612445b..d85a5b31a 100644 --- a/superset-frontend/src/components/Modal/Modal.tsx +++ b/superset-frontend/src/components/Modal/Modal.tsx @@ -156,7 +156,6 @@ export const StyledModal = styled(BaseModal)` .btn { font-size: 12px; - text-transform: uppercase; } .btn + .btn { diff --git a/superset-frontend/src/components/Tabs/Tabs.tsx b/superset-frontend/src/components/Tabs/Tabs.tsx index 33056d03c..3af2ecec3 100644 --- a/superset-frontend/src/components/Tabs/Tabs.tsx +++ b/superset-frontend/src/components/Tabs/Tabs.tsx @@ -74,7 +74,6 @@ const StyledTabs = ({ justify-content: center; font-size: ${theme.typography.sizes.s}px; text-align: center; - text-transform: uppercase; user-select: none; .required { margin-left: ${theme.gridUnit / 2}px; diff --git a/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx b/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx index be039bc3f..0ab150e52 100644 --- a/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx +++ b/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx @@ -124,7 +124,6 @@ const SliceAddedBadgePlaceholder: FC<{ border-radius: ${theme.gridUnit}px; color: ${theme.colors.primary.dark1}; font-size: ${theme.typography.sizes.xs}px; - text-transform: uppercase; letter-spacing: 0.02em; padding: ${theme.gridUnit / 2}px ${theme.gridUnit * 2}px; margin-left: ${theme.gridUnit * 4}px; @@ -151,7 +150,6 @@ const SliceAddedBadge: FC<{ placeholder?: HTMLDivElement }> = ({ border-radius: ${theme.gridUnit}px; color: ${theme.colors.primary.dark1}; font-size: ${theme.typography.sizes.xs}px; - text-transform: uppercase; letter-spacing: 0.02em; padding: ${theme.gridUnit / 2}px ${theme.gridUnit * 2}px; margin-left: ${theme.gridUnit * 4}px; diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts index 7ccd461cf..50f4135ca 100644 --- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts +++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts @@ -44,7 +44,6 @@ export const RowLabel = styled.span` color: ${theme.colors.grayscale.base}; padding-right: ${theme.gridUnit * 4}px; margin-right: auto; - text-transform: uppercase; white-space: nowrap; `}; `; diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx index 2d0554749..3fd8291ea 100644 --- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx +++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx @@ -78,7 +78,6 @@ const RowPanel = styled.div` `; const Label = styled.div` - text-transform: uppercase; font-size: ${({ theme }) => theme.typography.sizes.s}px; color: ${({ theme }) => theme.colors.grayscale.base}; margin-bottom: ${({ theme }) => theme.gridUnit}px; diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx index 63cdd0d05..f7566a7b8 100644 --- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx +++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx @@ -196,7 +196,6 @@ export const StyledRowSubFormItem = styled(FormItem)<{ expanded: boolean }>` export const StyledLabel = styled.span` color: ${({ theme }) => theme.colors.grayscale.base}; font-size: ${({ theme }) => theme.typography.sizes.s}px; - text-transform: uppercase; `; const CleanFormItem = styled(FormItem)` diff --git a/superset-frontend/src/explore/components/DataTableControl/index.tsx b/superset-frontend/src/explore/components/DataTableControl/index.tsx index b44dcbbf9..f779ce169 100644 --- a/superset-frontend/src/explore/components/DataTableControl/index.tsx +++ b/superset-frontend/src/explore/components/DataTableControl/index.tsx @@ -160,7 +160,6 @@ const FormatPickerLabel = styled.span` font-size: ${({ theme }) => theme.typography.sizes.s}px; color: ${({ theme }) => theme.colors.grayscale.base}; margin-bottom: ${({ theme }) => theme.gridUnit * 2}px; - text-transform: uppercase; `; const DataTableTemporalHeaderCell = ({ diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx index 2715bd786..9caa94c60 100644 --- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx +++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx @@ -140,7 +140,6 @@ export default function ColumnConfigControl({ padding: theme.gridUnit * 2, textAlign: 'center', cursor: 'pointer', - textTransform: 'uppercase', fontSize: theme.typography.sizes.xs, color: theme.colors.text.label, ':hover': { diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx index e77aa4e99..2b32f5e4f 100644 --- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx +++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx @@ -128,7 +128,6 @@ export default function ControlForm({
theme.gridUnit * 2}px; label { color: ${({ theme }) => theme.colors.grayscale.base}; - text-transform: uppercase; margin-bottom: ${({ theme }) => theme.gridUnit * 2}px; } `; diff --git a/superset-frontend/src/features/databases/DatabaseModal/styles.ts b/superset-frontend/src/features/databases/DatabaseModal/styles.ts index e38b4d96e..95d77781b 100644 --- a/superset-frontend/src/features/databases/DatabaseModal/styles.ts +++ b/superset-frontend/src/features/databases/DatabaseModal/styles.ts @@ -465,7 +465,6 @@ export const CreateHeaderSubtitle = styled.div` export const EditHeaderTitle = styled.div` color: ${({ theme }) => theme.colors.grayscale.light1}; font-size: ${({ theme }) => theme.typography.sizes.s}px; - text-transform: uppercase; `; export const EditHeaderSubtitle = styled.div` @@ -480,7 +479,6 @@ export const CredentialInfoForm = styled.div` } .label-select { - text-transform: uppercase; color: ${({ theme }) => theme.colors.grayscale.dark1}; font-size: 11px; margin: 0 5px ${({ theme }) => theme.gridUnit * 2}px; @@ -553,7 +551,6 @@ export const SelectDatabaseStyles = styled.div` } .label-available-select { - text-transform: uppercase; font-size: ${({ theme }) => theme.typography.sizes.s}px; } diff --git a/superset-frontend/src/features/queries/QueryPreviewModal.tsx b/superset-frontend/src/features/queries/QueryPreviewModal.tsx index a6dad38bf..b8e7b4c54 100644 --- a/superset-frontend/src/features/queries/QueryPreviewModal.tsx +++ b/superset-frontend/src/features/queries/QueryPreviewModal.tsx @@ -32,7 +32,6 @@ const QueryTitle = styled.div` color: ${({ theme }) => theme.colors.secondary.light2}; font-size: ${({ theme }) => theme.typography.sizes.s}px; margin-bottom: 0; - text-transform: uppercase; `; const QueryLabel = styled.div` diff --git a/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx b/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx index 4c90cc376..1316437a8 100644 --- a/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx +++ b/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx @@ -30,7 +30,6 @@ const QueryTitle = styled.div` color: ${({ theme }) => theme.colors.secondary.light2}; font-size: ${({ theme }) => theme.typography.sizes.s}px; margin-bottom: 0; - text-transform: uppercase; `; const QueryLabel = styled.div` diff --git a/superset-frontend/src/pages/AllEntities/index.tsx b/superset-frontend/src/pages/AllEntities/index.tsx index 7cf03b114..42d5e87a3 100644 --- a/superset-frontend/src/pages/AllEntities/index.tsx +++ b/superset-frontend/src/pages/AllEntities/index.tsx @@ -67,7 +67,6 @@ const AllEntitiesContainer = styled.div` margin-bottom: ${theme.gridUnit * 2}px; } .select-control-label { - text-transform: uppercase; font-size: ${theme.gridUnit * 3}px; color: ${theme.colors.grayscale.base}; margin-bottom: ${theme.gridUnit * 1}px;