Merge branch 'prod'

primefaces · Nov 8, 2023 · 4ccae27 · 4ccae27
2 parents c03870d + 355fb80
commit 4ccae27
Show file tree

Hide file tree

Showing 7 changed files with 573 additions and 1,115 deletions.
diff --git a/components/lib/megamenu/style/MegaMenuStyle.js b/components/lib/megamenu/style/MegaMenuStyle.js
@@ -4,6 +4,7 @@ const css = `
 @layer primevue {
     .p-megamenu {
         display: flex;
+        position: relative;
     }
 
     .p-megamenu-root-list {
@@ -12,10 +13,6 @@ const css = `
         list-style: none;
     }
 
-    .p-megamenu-root-list > .p-menuitem {
-        position: relative;
-    }
-
     .p-megamenu .p-menuitem-link {
         cursor: pointer;
         display: flex;
@@ -34,6 +31,8 @@ const css = `
         position: absolute;
         width: auto;
         z-index: 1;
+        left: 0;
+        min-width: 100%;
     }
 
     .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {

diff --git a/doc/megamenu/BasicDoc.vue b/doc/megamenu/BasicDoc.vue
diff --git a/doc/megamenu/CommandDoc.vue b/doc/megamenu/CommandDoc.vue
@@ -0,0 +1,26 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>The <i>command</i> property of a menuitem defines the callback to run when an item is activated by click or a key event.</p>
+    </DocSectionText>
+    <DocSectionCode :code="code" importCode hideToggleCode hideStackBlitz hideCodeSandbox />
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            code: {
+                basic: `
+{
+    label: 'Log out',
+    icon: 'pi pi-signout',
+    command: () => {
+        // Callback to run
+    }
+}
+`
+            }
+        };
+    }
+};
+</script>