From c478689e5a04e8b92989a6f9902e59722db4d4ec Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Mon, 13 Nov 2023 15:31:50 +1000
Subject: [PATCH] Fix I/O not showing in Qt5

Images still gets stretched, because Qt5 doesn't support the aspect-ratio
CSS property, but it's better than nothing.

https://forums.ankiweb.net/t/possible-occulusion-issue-on-ver-23-10-and-the-solution/36894
---
 qt/aqt/theme.py           | 6 ++++--
 ts/reviewer/reviewer.scss | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/qt/aqt/theme.py b/qt/aqt/theme.py
index 6acd5463d..498941f44 100644
--- a/qt/aqt/theme.py
+++ b/qt/aqt/theme.py
@@ -177,8 +177,10 @@ class ThemeManager:
             classes.append("reduce-motion")
         if not aqt.mw.pm.minimalist_mode():
             classes.append("fancy")
-        if qtmajor == 5 and qtminor < 15:
-            classes.append("no-blur")
+        if qtmajor == 5:
+            classes.append("qt5")
+            if qtminor < 15:
+                classes.append("no-blur")
         return " ".join(classes)
 
     def body_classes_for_card_ord(
diff --git a/ts/reviewer/reviewer.scss b/ts/reviewer/reviewer.scss
index 1c5d6a7d4..12ae087b1 100644
--- a/ts/reviewer/reviewer.scss
+++ b/ts/reviewer/reviewer.scss
@@ -129,3 +129,7 @@ button {
 .nightMode img.drawing {
     filter: unquote("invert(1) hue-rotate(180deg)");
 }
+
+.qt5 #image-occlusion-container img {
+    position: relative;
+}