From 1ff52bff8120ac9ca98ee1a9f919ae063fd7e82b Mon Sep 17 00:00:00 2001 From: Michael Kuhn Date: Wed, 5 Jan 2022 20:42:21 +0100 Subject: themes: Fix incorrect blur and opacity interaction Chrome sometimes seems to have problems when using a blur backdrop-filter in combination with opacity. On Linux, this often results in the blur being completely ignored. This also seems to apply to other systems, though. See the following issue for more details: https://bugs.chromium.org/p/chromium/issues/detail?id=1129838 Making the background opaque using rgba seems to fix the problem. --- themes/light/cdm.less | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'themes/light/cdm.less') diff --git a/themes/light/cdm.less b/themes/light/cdm.less index 4cbfa1d28..6bb3378c1 100644 --- a/themes/light/cdm.less +++ b/themes/light/cdm.less @@ -325,8 +325,7 @@ box-shadow : 0 1px 1px -1px rgba(0,0,0,0.1); border: 0 solid @border-default; border-bottom-width: 1px; - background : @default-bg ! important; - opacity: 0.9; + background : fade(@default-bg, 90%) ! important; backdrop-filter: blur(6px); } } -- cgit v1.2.3