fix: prevent p-menu item text from wrapping (#415)

onecx · Aug 22, 2024 · 3a01639 · 3a01639
1 parent 8aa60a0
commit 3a01639
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/libs/angular-accelerator/src/lib/components/page-header/page-header.component.stories.ts b/libs/angular-accelerator/src/lib/components/page-header/page-header.component.stories.ts
@@ -76,11 +76,12 @@ const demoActions: Action[] = [
     icon: PrimeIcons.TRASH,
   },
   {
-    label: 'Some action',
+    label: 'Some action that has a long text',
     actionCallback: () => {
       console.log(`you clicked 'Some action'`)
     },
     show: 'asOverflow',
+    icon: PrimeIcons.ADDRESS_BOOK
   },
   {
     label: 'Other action',

diff --git a/libs/portal-layout-styles/src/styles/primeng/sass/theme/extensions/_menu.scss b/libs/portal-layout-styles/src/styles/primeng/sass/theme/extensions/_menu.scss
@@ -0,0 +1,3 @@
+.p-menu-overlay {
+    width: auto !important;
+  }
diff --git a/libs/portal-layout-styles/src/styles/primeng/sass/theme/extensions/_vendor_extensions.scss b/libs/portal-layout-styles/src/styles/primeng/sass/theme/extensions/_vendor_extensions.scss
@@ -18,6 +18,7 @@
 @import './_fieldset';
 @import './_float_label';
 @import './_listbox';
+@import './menu';
 @import './_multiselect';
 @import './_overlaypanel';
 @import './_panel';