From f2f6d864951fb38e3231dc768cf97640b7b5b4c9 Mon Sep 17 00:00:00 2001 From: Sai Nihas Date: Wed, 21 Feb 2024 02:58:20 +0000 Subject: [PATCH] fix truncate issue for text in ContextualSaveBar Fixes Co-authored-by: Alex Page Fixes Co-authored-by: Alex Page --- .changeset/neat-squids-add.md | 5 +++++ .../ContextualSaveBar/ContextualSaveBar.module.scss | 8 ++++++-- 2 files changed, 11 insertions(+), 2 deletions(-) create mode 100644 .changeset/neat-squids-add.md 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 {