From e4d9e7f7db19be406aaebf2e012154a7814e5784 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 11 Feb 2023 23:46:33 +0800
Subject: [PATCH] Disable position-object animation when media modal appears

Got to say :has() is so darn useful
---
 src/components/status.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/status.css b/src/components/status.css
index a3600e7e..5ff6512a 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -422,6 +422,9 @@
 .status .media img:hover {
   animation: position-object 5s ease-in-out 1s 5;
 }
+body:has(#modal-container .carousel) .status .media img:hover {
+  animation: none;
+}
 .status .media video {
   width: 100%;
   height: 100%;