diff --git a/.changeset/little-ravens-repair.md b/.changeset/little-ravens-repair.md new file mode 100644 index 00000000000..1e0d9d52a7a --- /dev/null +++ b/.changeset/little-ravens-repair.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Tweaked the vertical alignment of elements within the `AlphaFilters` component diff --git a/polaris-react/src/components/AlphaFilters/AlphaFilters.tsx b/polaris-react/src/components/AlphaFilters/AlphaFilters.tsx index 8ea04034a6a..3f4befa3762 100644 --- a/polaris-react/src/components/AlphaFilters/AlphaFilters.tsx +++ b/polaris-react/src/components/AlphaFilters/AlphaFilters.tsx @@ -10,10 +10,10 @@ import {Text} from '../Text'; import {UnstyledButton} from '../UnstyledButton'; import {classNames} from '../../utilities/css'; import type {AppliedFilterInterface, FilterInterface} from '../../types'; -import {Link} from '../Link'; import {HorizontalStack} from '../HorizontalStack'; import {Box} from '../Box'; import {Spinner} from '../Spinner'; +import {Button} from '../Button'; import {FilterPill, SearchField} from './components'; import styles from './AlphaFilters.scss'; @@ -329,11 +329,14 @@ export function AlphaFilters({ styles.MultiplePinnedFilterClearAll, )} > - - - {i18n.translate('Polaris.Filters.clearFilters')} - - + ) : null; diff --git a/polaris-react/src/components/AlphaFilters/components/FilterPill/FilterPill.scss b/polaris-react/src/components/AlphaFilters/components/FilterPill/FilterPill.scss index 472fc9f3666..ed81c19b99d 100644 --- a/polaris-react/src/components/AlphaFilters/components/FilterPill/FilterPill.scss +++ b/polaris-react/src/components/AlphaFilters/components/FilterPill/FilterPill.scss @@ -73,7 +73,7 @@ } .Label { - display: block; + display: flex; padding-left: var(--p-space-05); } }