Target firefox for jittery video fix in css #1025

mrlt8 · Dec 28, 2023 · ee6e35d · ee6e35d
1 parent 69c9974
commit ee6e35d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/app/static/site.css b/app/static/site.css
@@ -262,4 +262,15 @@ button:not(.offline):disabled+.age {
 nav.fs-mode,
 footer.fs-mode {
   display: none;
+}
+
+/* Fix for Jittery Video in Firefox #1025 */
+@-moz-document url-prefix() {
+  body::after {
+    width: 1px;
+    height: 1px;
+    position: fixed;
+    backdrop-filter: blur(0.01rem);
+    content: "";
+  }
 }
diff --git a/app/templates/base.html b/app/templates/base.html
@@ -37,7 +37,5 @@
     {% endblock %}
 </body>
 
-<!-- Fix for Jittery Video in Firefox #1025 -->
-<div style="width: 1px; height: 1px; position: fixed; backdrop-filter: blur(0.01rem)"></div>
 
 </html>