Merge pull request #6008 from nextcloud-libraries/fix/nc-app-navigati…

…on--border-right

fix(NcAppNavigation): keep border only on mobile

src/components/NcAppNavigation/NcAppNavigation.vue

@@ -342,7 +342,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)));
@@ -389,10 +388,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);
  }
 }