diff --git a/css/80_app.css b/css/80_app.css index 963a7a1dc..5113a8fb2 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -4367,12 +4367,16 @@ img.tile { opacity: 1; transition: opacity 120ms linear; } -/* Fix visible grid around tiles borders on Chrome */ + +/* Workaround to remove visible grid around tile borders on Chrome */ +/* with 3 exceptions for 110%, 80% and 67% browser zoom */ +/* https://issues.chromium.org/issues/40084005 https://github.com/Leaflet/Leaflet/pull/8891 https://github.com/openstreetmap/iD/pull/10594 */ @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; z-index: 1;