Fix Dashboard background blur for Safari and iOS Safari

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2020-08-24 21:48:34 +02:00 committed by Roeland Jago Douma
parent c8d92ba6f9
commit 7502510b7b
No known key found for this signature in database
GPG Key ID: F941078878347C0C
1 changed files with 2 additions and 0 deletions

View File

@ -415,6 +415,7 @@ export default {
max-width: 100%; max-width: 100%;
margin: 16px; margin: 16px;
background-color: var(--color-background-translucent); background-color: var(--color-background-translucent);
-webkit-backdrop-filter: var(--background-blur);
backdrop-filter: var(--background-blur); backdrop-filter: var(--background-blur);
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
@ -511,6 +512,7 @@ export default {
.statuses ::v-deep .action-item > button, .statuses ::v-deep .action-item > button,
.statuses ::v-deep .action-item.action-item--open .action-item__menutoggle { .statuses ::v-deep .action-item.action-item--open .action-item__menutoggle {
background-color: var(--color-background-translucent); background-color: var(--color-background-translucent);
-webkit-backdrop-filter: var(--background-blur);
backdrop-filter: var(--background-blur); backdrop-filter: var(--background-blur);
&:hover, &:hover,