From 4aac70f71908205cb98f173633e124b3933292a5 Mon Sep 17 00:00:00 2001
From: Nekzuris <48560751+Nekzuris@users.noreply.github.com>
Date: Wed, 11 Dec 2024 21:27:45 +0100
Subject: [PATCH] Improve tiles rendering in Chrome with specific zoom value

---
 css/80_app.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index 1f7bb1461..963a7a1dc 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -4367,9 +4367,11 @@ img.tile {
     opacity: 1;
     transition: opacity 120ms linear;
 }
-.layer-background img.tile {
-    /* Fix visible grid around tiles borders on Chrome */
-    mix-blend-mode: plus-lighter;
+/* Fix visible grid around tiles borders on Chrome */
+@media not ((1.09 < -webkit-device-pixel-ratio < 1.11) or (0.79 < -webkit-device-pixel-ratio < 0.81) or (0.66 < -webkit-device-pixel-ratio < 0.68)) {
+    .layer-background img.tile {
+        mix-blend-mode: plus-lighter;
+    }
 }
 img.tile-removing {
     opacity: 0;