simplify backdrop filter

This commit is contained in:
Nolan Lawson 2018-04-05 18:13:31 -07:00
parent 2544b71251
commit 57a40a4c41

View file

@ -1,7 +1,6 @@
<div class="account-profile {{headerImageIsMissing ? 'header-image-is-missing' : ''}}" <div class="account-profile {{headerImageIsMissing ? 'header-image-is-missing' : ''}}"
style="background-image: url({{headerImage}});"> style="background-image: url({{headerImage}});">
<div class="account-profile-grid-wrapper"> <div class="account-profile-grid-wrapper">
<div class="account-profile-backdrop"></div>
<div class="account-profile-grid"> <div class="account-profile-grid">
<AccountProfileHeader :account :relationship :verifyCredentials /> <AccountProfileHeader :account :relationship :verifyCredentials />
<AccountProfileFollow :account :relationship :verifyCredentials /> <AccountProfileFollow :account :relationship :verifyCredentials />
@ -23,15 +22,6 @@
background-color: #ccc; background-color: #ccc;
} }
.account-profile-backdrop {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 5;
}
.account-profile-grid { .account-profile-grid {
display: grid; display: grid;
grid-template-areas: "avatar name followed-by follow" grid-template-areas: "avatar name followed-by follow"
@ -43,8 +33,6 @@
grid-row-gap: 5px; grid-row-gap: 5px;
padding: 20px; padding: 20px;
justify-content: center; justify-content: center;
z-index: 10;
position: relative;
} }
@supports (-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%)) { @supports (-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%)) {