From 341eb4fb8d80079758f3ddff7b3ff396e12ed080 Mon Sep 17 00:00:00 2001
From: Martin Raifer <martin@raifer.tech>
Date: Wed, 11 Dec 2024 12:35:38 +0100
Subject: [PATCH] prevent brief flickering of "broken image" on tile loading
 errors

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

diff --git a/css/80_app.css b/css/80_app.css
index e4208e0d9..2cb6d3d46 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -4366,6 +4366,11 @@ img.tile {
 
     opacity: 1;
     transition: opacity 120ms linear;
+
+    /* prevent brief flickering of "broken image" on tile loading errors, see https://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
+    text-indent: 100%;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 img.tile-removing {