Skip to content

Commit 703d22a

Browse files
committed
fix(NcAppNavigation): Restore opaque background on mobile
The mobile navigation slides in over the content area, where the content wrapper's frosted chrome no longer backs it. The drawer was appearing transparent and the page underneath bled through. The overlay now has its own opaque blurred background again. Signed-off-by: nfebe <fenn25.fn@gmail.com>
1 parent f8bf3bc commit 703d22a

1 file changed

Lines changed: 3 additions & 0 deletions

File tree

src/components/NcAppNavigation/NcAppNavigation.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -467,6 +467,9 @@ export default {
467467
.app-navigation {
468468
position: absolute;
469469
border-inline-end: 1px solid var(--color-border);
470+
background-color: var(--color-main-background-blur, var(--color-main-background));
471+
-webkit-backdrop-filter: var(--filter-background-blur, none);
472+
backdrop-filter: var(--filter-background-blur, none);
470473
}
471474
}
472475

0 commit comments

Comments
 (0)