Limit height of the NcActions popover

Signed-off-by: Julius Härtl <jus@bitgrid.net>
nextcloud-libraries · Sep 5, 2022 · 1ada679 · 1ada679
1 parent 1738480
commit 1ada679
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/NcActions/NcActions.vue b/src/components/NcActions/NcActions.vue
@@ -1177,5 +1177,7 @@ export default {
 .v-popper--theme-dropdown.v-popper__popper.action-item__popper .v-popper__inner {
 	border-radius: var(--border-radius-large);
 	padding: 4px;
+	max-height: calc(100vh - 16px);
+	overflow: auto;
 }
 </style>
diff --git a/src/components/NcAppNavigationItem/NcAppNavigationItem.vue b/src/components/NcAppNavigationItem/NcAppNavigationItem.vue
@@ -175,8 +175,8 @@ Just set the `pinned` prop.
 				<NcActions v-if="$slots.actions || (editable && !editingActive) || undo"
 					ref="actions"
 					class="app-navigation-entry__actions"
-					menu-align="right"
-					:container="'#' + id"
+					container="#app-navigation-vue"
+					boundaries-element="#content-vue"
 					:placement="menuPlacement"
 					:open="menuOpen"
 					:force-menu="forceMenu"