From 7c94cfcec0d54199e6ebe221656f9ef1075b9505 Mon Sep 17 00:00:00 2001 From: "Grigorii K. Shartsev" Date: Wed, 21 Aug 2024 23:46:40 +0200 Subject: [PATCH] fix(NcAppNavigation): keep border only on mobile Signed-off-by: Grigorii K. Shartsev --- src/components/NcAppNavigation/NcAppNavigation.vue | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue index 6d21f36478..157509227a 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); } }