diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue index 6d21f364..15750922 100644 --- a/src/components/NcAppNavigation/NcAppNavigation.vue +++ b/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); } } diff --git a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-entry-with-editing-true-1-chromium-linux.png b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-entry-with-editing-true-1-chromium-linux.png index 55693d3d..ba69a7c3 100644 Binary files a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-entry-with-editing-true-1-chromium-linux.png and b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-entry-with-editing-true-1-chromium-linux.png differ diff --git a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-route-with-editing-true-1-chromium-linux.png b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-route-with-editing-true-1-chromium-linux.png index bea5351e..36b7fab7 100644 Binary files a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-route-with-editing-true-1-chromium-linux.png and b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-button-styling-on-active-route-with-editing-true-1-chromium-linux.png differ diff --git a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-entry-1-chromium-linux.png b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-entry-1-chromium-linux.png index 1d2720a1..dc48ddf9 100644 Binary files a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-entry-1-chromium-linux.png and b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-entry-1-chromium-linux.png differ diff --git a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-route-1-chromium-linux.png b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-route-1-chromium-linux.png index dc30d6e2..6fdd4d88 100644 Binary files a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-route-1-chromium-linux.png and b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-primary-styling-on-active-route-1-chromium-linux.png differ diff --git a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-entry-1-chromium-linux.png b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-entry-1-chromium-linux.png index a5b4c77c..5e83bdca 100644 Binary files a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-entry-1-chromium-linux.png and b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-entry-1-chromium-linux.png differ diff --git a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-route-1-chromium-linux.png b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-route-1-chromium-linux.png index 4026a073..bf14b06c 100644 Binary files a/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-route-1-chromium-linux.png and b/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-route-1-chromium-linux.png differ