diff --git a/Viewer/css/widget/overlay.css b/Viewer/css/widget/overlay.css index 2009732f..ee8480e2 100755 --- a/Viewer/css/widget/overlay.css +++ b/Viewer/css/widget/overlay.css @@ -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; -}