Enhance video backdrop styling for TV layout and improve focus management in slideshow

2026-02-11 18:22:44 +01:00
parent cc025779dc
commit 1f9378d74d
2 changed files with 31 additions and 0 deletions
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
@@ -995,3 +995,15 @@
 .dots-container .slide-counter {
  margin: 0;
 }
+
+.layout-tv .video-backdrop {
+  top: -5%;
+  mask-image: linear-gradient(to top,
+      #fff0 2%,
+      rgb(0 0 0 / 0.5) 6%,
+      #000000 8%);
+  -webkit-mask-image: linear-gradient(to top,
+      #fff0 2%,
+      rgb(0 0 0 / 0.5) 6%,
+      #000000 8%);
+}