flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-28 18:00:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed overlay background blur...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-08-18 19:34:15 +03:00
parent a8a126793c
commit f65eb0c3c3
1 changed files with 2 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
Viewer/css/widget/overlay.css
View File

@ -11,6 +11,8 @@
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(2px) saturate(0.3);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
@ -65,34 +67,5 @@
}
/* NOTE: this does not include text...
...need a way to go around this...
*/
.blur>* {
/*-webkit-filter: blur(2px) saturate(0.3);
filter: blur(2px) saturate(0.3);*/
-webkit-filter: saturate(0.5) brightness(0.8);
filter: saturate(0.5) brightness(0.8);
}
.blur>.overlay-widget {
/*-webkit-filter: blur(0.8px) saturate(0.3);
filter: blur(0.8px) saturate(0.3);*/
-webkit-filter: saturate(0.5) brightness(0.8);
filter: saturate(0.5) brightness(0.8);
}
.overlay-blur-enabled.blur>* {
-webkit-filter: blur(2px) saturate(0.5) brightness(0.8);
filter: blur(2px) saturate(0.5) brightness(0.8);
}
.overlay-blur-enabled.blur>.overlay-widget {
-webkit-filter: blur(0.8px) saturate(0.5) brightness(0.8);
filter: blur(0.8px) saturate(0.5) brightness(0.8);
}
.blur>.overlay-widget:last-child {
-webkit-filter: none;
filter: none;
}