PTEROSOR/QUESTDB_website
10
0
Fork 0
mirror of https://github.com/LCPQ/QUESTDB_website.git synced 2024-11-04 05:03:53 +01:00
Code Releases Activity

Fallback when backdrop-filter or -webkit-backdrop-filter not exist like in FireFox

Browse Source
This commit is contained in:
Mickaël Véril 2020-01-24 17:15:38 +01:00
parent 3d92e97ffb
commit 7d5d38a1e9
1 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/css/modal.css
View File

@ -4,6 +4,9 @@
for themselves. Background we set to 80% white with for themselves. Background we set to 80% white with
our animation centered, and no-repeating */ our animation centered, and no-repeating */
.modal { .modal {
background-color: rgba(255, 255, 255, .9);
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
display : none; display : none;
position : fixed; position : fixed;
z-index : 1000; z-index : 1000;
@ -15,6 +18,7 @@
backdrop-filter : blur(20px); backdrop-filter : blur(20px);
background-color : rgba(255, 255, 255, .3); background-color : rgba(255, 255, 255, .3);
} }
}
/* When the body has the loading class, we turn /* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */ the scrollbar off with overflow:hidden */
@ -28,6 +32,7 @@ body.loading .modal {
display: block; display: block;
cursor : wait cursor : wait
} }
.modal .content { .modal .content {
position : absolute; position : absolute;
left : 50%; left : 50%;