Fix misaligned masks in image occlusion

BrayanDSO · Oct 23, 2023 · 06f2d69 · 06f2d69
1 parent be85b46
commit 06f2d69
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/AnkiDroid/src/main/assets/card_template.html b/AnkiDroid/src/main/assets/card_template.html
@@ -7,6 +7,32 @@
         <link rel="stylesheet" type="text/css" href="/assets/mathjax/mathjax.css">
         <style>
         ::style::
+
+/* copied from anki/ts/image-occlusion/review.scss */
+#image-occlusion-container {
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    max-height: calc(95vh - 40px);
+}
+
+#image-occlusion-container img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    max-width: unset;
+    max-height: unset;
+}
+
+#image-occlusion-canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
         </style>
         ::script::
         <script src="/assets/jquery.min.js"> </script>