Change QML UI for redactions

• Make the timeline designator a little more attractive
• Add hover tooltip for additional information about the redaction
• Update translations

resources/qml/delegates/ImageMessage.qml

@@ -46,15 +46,6 @@ Item {
         smooth: true
         mipmap: true
 
-        TapHandler {
-            enabled: type == MtxEvent.ImageMessage && img.status == Image.Ready
-            onSingleTapped: {
-                TimelineManager.openImageOverlay(url, room.data.eventId);
-                eventPoint.accepted = true;
-            }
-            gesturePolicy: TapHandler.ReleaseWithinBounds
-        }
-
     }
 
     MxcAnimatedImage {
@@ -67,6 +58,16 @@ Item {
         eventId: parent.eventId
     }
 
+    TapHandler {
+        // TODO(Nico): Replace this with a qml thingy, that also can show animated images
+        enabled: type == MtxEvent.ImageMessage && (img.status == Image.Ready || mxcimage.loaded)
+        onSingleTapped: {
+            TimelineManager.openImageOverlay(url, room.data.eventId);
+            eventPoint.accepted = true;
+        }
+        gesturePolicy: TapHandler.ReleaseWithinBounds
+    }
+
     HoverHandler {
         id: mouseArea
     }