diff --git a/.changeset/neat-squids-add.md b/.changeset/neat-squids-add.md new file mode 100644 index 00000000000..9af7277f2ed --- /dev/null +++ b/.changeset/neat-squids-add.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': minor +--- + +Fix truncate issue for text in ContextualSaveBar diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.module.scss b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.module.scss index 6846e66fe09..62b7c2a663f 100644 --- a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.module.scss +++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.module.scss @@ -70,12 +70,16 @@ display: flex; flex-direction: row; gap: var(--p-space-200); + overflow: hidden; + margin-right: var(--p-space-200); // stylelint-disable -- Icon overrides specific to Contextual Save Bar - & [class*='Polaris-Icon__Svg'], - & [class*='Icon-Svg'] { + & [class*='Polaris-Icon__Svg'] { fill: var(--p-color-text-inverse); } + & [class*='Polaris-Icon'] { + flex-shrink: 0; + } } .ActionContainer {