diff --git a/UNRELEASED.md b/UNRELEASED.md index ecf6cc45853..d4c8cbf9183 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -6,6 +6,8 @@ ### Enhancements +- Truncated long sort options in `ResourceList` ([#2957](https://github.com/Shopify/polaris-react/pull/2957) + ### Bug fixes ### Documentation diff --git a/src/components/ResourceList/ResourceList.scss b/src/components/ResourceList/ResourceList.scss index f84a12860ed..8ee6ed2a87a 100644 --- a/src/components/ResourceList/ResourceList.scss +++ b/src/components/ResourceList/ResourceList.scss @@ -118,11 +118,11 @@ $item-wrapper-loading-height: rem(64px); } } -// Force long sort options to be truncated -.SortWrapper, -.SortWrapper > * { - @include breakpoint-before(resource-list(breakpoint-small)) { - overflow: hidden; +.SortWrapper { + @include layout-flex-fix; + + > * { + max-width: 100%; } }