fix(#6355): publish button dropdown items overflow menu (#6796)

* fix: resolved text overflowing on publish button options * fix: adjusted where min-width was changed for publish drop down items
decaporg · Jun 12, 2023 · 88382dc · 88382dc
1 parent 5d33d09
commit 88382dc
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/netlify-cms-core/src/components/Editor/EditorToolbar.js b/packages/netlify-cms-core/src/components/Editor/EditorToolbar.js
@@ -234,6 +234,10 @@ const RefreshPreviewButton = styled.button`
 
 const PreviewLink = RefreshPreviewButton.withComponent('a');
 
+const PublishDropDownItem = styled(DropdownItem)`
+  min-width: initial;
+`;
+
 const StatusDropdownItem = styled(DropdownItem)`
   ${Icon} {
     color: ${colors.infoText};
@@ -405,7 +409,7 @@ export class EditorToolbar extends React.Component {
     return canPublish ? (
       <ToolbarDropdown
         dropdownTopOverlap="40px"
-        dropdownWidth="150px"
+        dropdownWidth="200px"
         renderButton={() => (
           <PublishButton>
             {isPublishing
@@ -414,20 +418,20 @@ export class EditorToolbar extends React.Component {
           </PublishButton>
         )}
       >
-        <DropdownItem
+        <PublishDropDownItem
           label={t('editor.editorToolbar.publishNow')}
           icon="arrow"
           iconDirection="right"
           onClick={onPublish}
         />
         {canCreate ? (
           <>
-            <DropdownItem
+            <PublishDropDownItem
               label={t('editor.editorToolbar.publishAndCreateNew')}
               icon="add"
               onClick={onPublishAndNew}
             />
-            <DropdownItem
+            <PublishDropDownItem
               label={t('editor.editorToolbar.publishAndDuplicate')}
               icon="add"
               onClick={onPublishAndDuplicate}