Merge pull request #3191 from nextcloud/fix/popover

Fix the NcPopoverMenu component

Author: GretaD

src/components/NcPopoverMenu/NcPopoverMenu.vue

@@ -58,5 +58,6 @@ export default {
 ul {
 	display: flex;
 	flex-direction: column;
+	gap: 4px;
 }
 </style>

src/components/NcPopoverMenu/NcPopoverMenuItem.vue

@@ -179,6 +179,7 @@ export default {
 
 <style scoped>
 	button.menuitem {
+		border-radius: var(--border-radius-large) !important;
 		text-align: left;
 	}
 
@@ -196,8 +197,8 @@ export default {
 	}
 
 	.menuitem.active {
-		box-shadow: inset 2px 0 var(--color-primary);
-		border-radius: 0;
+		border-left: 4px solid var(--color-primary);
+		border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0 !important;
 	}
 </style>
 
@@ -216,7 +217,6 @@ li {
 		cursor: pointer;
 		line-height: $clickable-area;
 		border: 0;
-		border-radius: 0; // otherwise Safari will cut the border-radius area
 		background-color: transparent;
 		display: flex;
 		align-items: flex-start;