Merge pull request #8513 from nextcloud-libraries/backport/8512/main

nfebe · web-flow · commit ae0d7121216e · 2026-05-07T20:17:51.000+01:00
fix(NcAppNavigation): Restore opaque background on mobile
diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue
@@ -423,6 +423,9 @@ function handleEsc(): void {
 	.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
`@@ -423,6 +423,9 @@ function handleEsc(): void {`
`423`	`423`	`.app-navigation {`
`424`	`424`	`position: absolute;`
`425`	`425`	`border-inline-end: 1px solid var(--color-border);`
	`426`	`+ background-color: var(--color-main-background-blur, var(--color-main-background));`
	`427`	`+ -webkit-backdrop-filter: var(--filter-background-blur, none);`
	`428`	`+ backdrop-filter: var(--filter-background-blur, none);`
`426`	`429`	`}`
`427`	`430`	`}`
`428`	`431`