This is an automated email from the ASF dual-hosted git repository. maximebeauchemin pushed a commit to branch template_less in repository https://gitbox.apache.org/repos/asf/superset.git
commit 6c8e72b889f848e4a814de62cfeab5113e3c0cdb Author: Maxime Beauchemin <[email protected]> AuthorDate: Tue Apr 8 08:47:26 2025 -0700 Fix theming in Explore west panel - Search Input --- .../src/components/MessageToasts/Toast.tsx | 2 +- .../explore/components/DatasourcePanel/index.tsx | 21 ++++++++++++--------- 2 files changed, 13 insertions(+), 10 deletions(-) diff --git a/superset-frontend/src/components/MessageToasts/Toast.tsx b/superset-frontend/src/components/MessageToasts/Toast.tsx index fd8dbdab6f..b40d303b13 100644 --- a/superset-frontend/src/components/MessageToasts/Toast.tsx +++ b/superset-frontend/src/components/MessageToasts/Toast.tsx @@ -42,7 +42,7 @@ const ToastContainer = styled.div` const notificationStyledIcon = (theme: SupersetTheme) => css` min-width: ${theme.sizeUnit * 5}px; - color: ${theme.colorIcon}; + color: ${theme.colorTextLightSolid}; margin-right: 0; `; diff --git a/superset-frontend/src/explore/components/DatasourcePanel/index.tsx b/superset-frontend/src/explore/components/DatasourcePanel/index.tsx index 1c68422f26..da98bf5e83 100644 --- a/superset-frontend/src/explore/components/DatasourcePanel/index.tsx +++ b/superset-frontend/src/explore/components/DatasourcePanel/index.tsx @@ -24,6 +24,7 @@ import { QueryFormData, styled, t, + useTheme, } from '@superset-ui/core'; import { ControlConfig } from '@superset-ui/chart-controls'; @@ -276,18 +277,20 @@ export default function DataSourcePanel({ datasource.type && saveableDatasets[datasource.type as keyof typeof saveableDatasets]; + const theme = useTheme(); const mainBody = useMemo( () => ( <> - <Input - allowClear - onChange={evt => { - setInputValue(evt.target.value); - }} - value={inputValue} - className="form-control input-md" - placeholder={t('Search Metrics & Columns')} - /> + <div style={{ padding: theme.sizeUnit * 4 }}> + <Input + allowClear + onChange={evt => { + setInputValue(evt.target.value); + }} + value={inputValue} + placeholder={t('Search Metrics & Columns')} + /> + </div> <div className="field-selections" data-test="fieldSelections"> {datasourceIsSaveable && showInfoboxCheck() && ( <StyledInfoboxWrapper>
