Update menus to be lazy

Author: bjester

contentcuration/contentcuration/frontend/administration/pages/Channels/ChannelActionsDropdown.vue

@@ -42,7 +42,7 @@
       confirmButtonText="Delete"
       @confirm="softDeleteHandler"
     />
-    <VMenu offset-y>
+    <Menu>
       <template #activator="{ on }">
         <VBtn v-bind="$attrs" v-on="on">
           actions
@@ -108,7 +108,7 @@
           </VListTile>
         </template>
       </VList>
-    </VMenu>
+    </Menu>
 
   </div>
 

contentcuration/contentcuration/frontend/administration/pages/Users/UserActionsDropdown.vue

@@ -36,7 +36,7 @@
       v-model="emailDialog"
       :query="{ ids: [userId] }"
     />
-    <VMenu offsetY>
+    <Menu>
       <template #activator="{ on }">
         <VBtn v-bind="$attrs" v-on="on">
           Actions
@@ -88,7 +88,7 @@
           </VListTile>
         </template>
       </VList>
-    </VMenu>
+    </Menu>
   </div>
 
 </template>

contentcuration/contentcuration/frontend/administration/pages/Users/UserItem.vue

@@ -33,11 +33,10 @@
     <td>{{ user.email }}</td>
     <td style="min-width: 175px;">
       <!-- Using VMenu instead of VEditDialog to have more control over actions -->
-      <VMenu
+      <Menu
         v-if="user.is_active"
         v-model="showStorage"
         :close-on-content-click="false"
-        offset-y
       >
         <template #activator="{ on }">
           {{ formatFileSize(user.disk_space) }}
@@ -57,7 +56,7 @@
             />
           </VCardText>
         </VCard>
-      </VMenu>
+      </Menu>
       <span v-else>Inactive</span>
     </td>
     <td>

contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeContextMenu.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <Menu v-model="value" :position-x="positionX" :position-y="positionY" absolute lazy>
+  <Menu v-model="value" :position-x="positionX" :position-y="positionY" absolute>
     <VCard>
       <slot>
         <ContentNodeOptions :nodeId="nodeId" :hideDetailsLink="hideDetailsLink" />

contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeEditListItem.vue

@@ -48,7 +48,7 @@
 
         <template #actions-end>
           <VListTileAction :aria-hidden="!active" class="action-icon px-1">
-            <Menu v-model="activated" lazy>
+            <Menu v-model="activated">
               <template #activator="{ on }">
                 <IconButton
                   icon="optionsVertical"

contentcuration/contentcuration/frontend/shared/views/Menu.vue

@@ -23,6 +23,10 @@
         type: Boolean,
         default: true,
       },
+      lazy: {
+        type: Boolean,
+        default: true,
+      },
       /* eslint-enable kolibri/vue-no-unused-properties */
     },
   };