From 7502510b7ba5c681c3b08f79cee3d44a1f907cec Mon Sep 17 00:00:00 2001
From: "Jan C. Borchardt" <hey@jancborchardt.net>
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 <hey@jancborchardt.net>
---
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,
--
GitLab