Merge pull request #8512 from nextcloud-libraries/fix/app-navigation-mobile-bg

nfebe · web-flow · commit 4f0ba164a310 · 2026-05-07T20:10:43.000+01:00
fix(NcAppNavigation): Restore opaque background on mobile
diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue
@@ -467,6 +467,9 @@ export default {
 	.app-navigation {
 		position: absolute;
 		border-inline-end: 1px solid var(--color-border);
+		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);
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -467,6 +467,9 @@ export default {`
`467`	`467`	`.app-navigation {`
`468`	`468`	`position: absolute;`
`469`	`469`	`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);`
`470`	`473`	`}`
`471`	`474`	`}`
`472`	`475`