From 7502510b7ba5c681c3b08f79cee3d44a1f907cec Mon Sep 17 00:00:00 2001 From: "Jan C. Borchardt" Date: Mon, 24 Aug 2020 21:48:34 +0200 Subject: [PATCH] Fix Dashboard background blur for Safari and iOS Safari Signed-off-by: Jan C. Borchardt --- apps/dashboard/src/App.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue index fac1aab2805..807b5cc2d83 100644 --- a/apps/dashboard/src/App.vue +++ b/apps/dashboard/src/App.vue @@ -415,6 +415,7 @@ export default { max-width: 100%; margin: 16px; background-color: var(--color-background-translucent); + -webkit-backdrop-filter: var(--background-blur); backdrop-filter: var(--background-blur); border-radius: var(--border-radius-large); @@ -511,6 +512,7 @@ export default { .statuses ::v-deep .action-item > button, .statuses ::v-deep .action-item.action-item--open .action-item__menutoggle { background-color: var(--color-background-translucent); + -webkit-backdrop-filter: var(--background-blur); backdrop-filter: var(--background-blur); &:hover, -- 2.39.5