diff options
author | Michael Kuhn <[email protected]> | 2022-01-05 20:42:21 +0100 |
---|---|---|
committer | Michael Kuhn <[email protected]> | 2022-01-05 20:42:21 +0100 |
commit | 1ff52bff8120ac9ca98ee1a9f919ae063fd7e82b (patch) | |
tree | db208db47fa6a9f7a2f7a1101ddef36c68f463c8 /themes/light-high-contrast.css | |
parent | 97baf3e8b9be699d972b91a159ccbe0891efe8ae (diff) |
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.
Diffstat (limited to 'themes/light-high-contrast.css')
-rw-r--r-- | themes/light-high-contrast.css | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/themes/light-high-contrast.css b/themes/light-high-contrast.css index 18fc67f6a..77f3def7e 100644 --- a/themes/light-high-contrast.css +++ b/themes/light-high-contrast.css @@ -1475,8 +1475,7 @@ body.ttrss_utility hr { box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); border: 0 solid #ddd; border-bottom-width: 1px; - background: white ! important; - opacity: 0.9; + background: rgba(255, 255, 255, 0.9) ! important; backdrop-filter: blur(6px); } body.ttrss_prefs { |