From 99b4b09306912b22a7b062fd93777f7d037b2021 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Fri, 6 Mar 2026 04:12:52 +0100
Subject: [PATCH] Disable animations and backdrop filters for TV layout on high
 pixel density screens

---
 .../Web/mediaBarEnhanced.css                     | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
index 877596a..42dcc20 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
@@ -1000,3 +1000,19 @@
 .layout-tv .backdrop-container{
   top: -5%;
 }
+
+@media screen and (min-width: 960px) and (-webkit-device-pixel-ratio: 1) {
+  .layout-tv .backdrop.animate {
+    animation: none !important;
+  }
+  
+  .layout-tv .logo.animate {
+    animation: none !important;
+  }
+  
+  .layout-tv .slide-counter,
+  .layout-tv .dots-container {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+}