Merge pull request #6009 from nextcloud-libraries/backport/6008/next

[next] fix(NcAppNavigation): keep border only on mobile

src/components/NcAppNavigation/NcAppNavigation.vue

@@ -339,7 +339,6 @@ export default {
 	background-color: var(--color-main-background-blur, var(--color-main-background));
 	-webkit-backdrop-filter: var(--filter-background-blur, none);
 	backdrop-filter: var(--filter-background-blur, none);
-	border-inline-end: 1px solid var(--color-border);
 
 	&--close {
 		margin-left: calc(-1 * min($navigation-width, var(--app-navigation-max-width)));
@@ -378,10 +377,18 @@ export default {
 	}
 }
 
+// Add extra border for high contrast mode
+[data-themes*="highcontrast"] {
+	.app-navigation {
+		border-inline-end: 1px solid var(--color-border);
+	}
+}
+
 // When on mobile, we make the navigation slide over the NcAppContent
 @media only screen and (max-width: $breakpoint-mobile) {
 	.app-navigation {
 		position: absolute;
+		border-inline-end: 1px solid var(--color-border);
 	}
 }