Enhance slideshow responsiveness by adjusting dot display for small screens

2026-03-23 17:25:48 +01:00
parent e25a99439a
commit e9fe356cee
2 changed files with 19 additions and 2 deletions
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
@@ -749,6 +749,14 @@
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    background-color: #ffffff00;
+    width: max-content;
+    max-width: 90vw;
+    flex-wrap: nowrap;
+    overflow: hidden;
+  }
+
+  .dot {
+    flex-shrink: 0;
  }

  .dot.active {