diff --git a/frontend/src/components/App/__snapshots__/Layout.Default.stories.storyshot b/frontend/src/components/App/__snapshots__/Layout.Default.stories.storyshot index d72eeeb4b..210f530bb 100644 --- a/frontend/src/components/App/__snapshots__/Layout.Default.stories.storyshot +++ b/frontend/src/components/App/__snapshots__/Layout.Default.stories.storyshot @@ -35,7 +35,7 @@ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" >

setFocused(true)} + aria-label={isIconButton ? t('Search') : undefined} > - + {!isIconButton && {t('Search')}} ) : ( @@ -88,11 +97,17 @@ export function GlobalSearch({ isIconButton }: { isIconButton?: boolean }) { placeholder={t('Search')} InputProps={{ sx: theme => ({ - background: alpha(theme.palette.background.default, 0.7), + background: theme.palette.background.default, }), startAdornment: ( - + ), endAdornment: ( @@ -134,6 +149,7 @@ export function GlobalSearch({ isIconButton }: { isIconButton?: boolean }) { variant="outlined" placeholder={t('Search resources, pages, clusters by name')} InputProps={{ + sx: theme => ({ background: theme.palette.background.default }), autoFocus: true, value: placeholderValue, onChange: e => { @@ -185,7 +201,7 @@ export function GlobalSearch({ isIconButton }: { isIconButton?: boolean }) { width: '100%', left: 0, right: 0, - background: theme.palette.background.default, + background: theme.palette.navbar.background, zIndex: 1, } : {}), diff --git a/frontend/src/components/globalSearch/__snapshots__/GlobalSearch.BasicExample.stories.storyshot b/frontend/src/components/globalSearch/__snapshots__/GlobalSearch.BasicExample.stories.storyshot index 9afc29ce2..def83d635 100644 --- a/frontend/src/components/globalSearch/__snapshots__/GlobalSearch.BasicExample.stories.storyshot +++ b/frontend/src/components/globalSearch/__snapshots__/GlobalSearch.BasicExample.stories.storyshot @@ -10,7 +10,7 @@ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" >