Fix audio player floating when scrolling (#2142) (#2206)

Signed-off-by: ManuelSailer <github.com@manuel-sailer.de>
Signed-off-by: Manuel Sailer <github.com@manuel-sailer.de>

1 files changed, 15 insertions, 0 deletions

diff --git a/css/content.css b/css/content.css
index 52fa87da9..37abf5fe5 100644
--- a/css/content.css
+++ b/css/content.css
@@ -66,6 +66,10 @@
     align-items: center;
 }
 
+#app-content.nc-major-version-gte-25 .podcast {
+    top: 0;
+}
+
 #app-content .podcast audio {
     display: block;
     width: calc(100% - 60px);
@@ -108,6 +112,17 @@
     left: 0;
 }
 
+#app-content.nc-major-version-gte-25 .podcast {
+    position: sticky;
+}
+
+@media only screen and (width < 1024px) {
+    #app-content.nc-major-version-gte-25 .podcast {
+        left: 35px;
+        width: calc(100% - 35px);
+    }
+}
+
 #notification a {
     text-decoration: underline;
     color: blue;