progress indicator in jsplayer

1 files changed, 19 insertions, 2 deletions

diff --git a/server/src/routes/ui/style/js-player.css b/server/src/routes/ui/style/js-player.css
index 65fb770..303ed96 100644
--- a/server/src/routes/ui/style/js-player.css
+++ b/server/src/routes/ui/style/js-player.css
@@ -3,20 +3,37 @@
     which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
     Copyright (C) 2023 metamuffin <metamuffin.org>
 */
+
+.js-player {
+    --csize: 50px;
+}
+
 .js-player .controls {
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
-    height: 50px;
+    height: var(--csize);
     background-color: #1d1d1d99;
     transition: opacity 0.2s;
 }
 
 .js-player .controls button {
     padding: 0px;
-    width: 50px;
+    width: var(--csize);
     height: 100%;
     border: none;
     background-color: #ffffff10;
 }
+
+.pri {
+    padding: 0px;
+    display: inline-block;
+    margin: 0px;
+    width: calc(100% - var(--csize) * 2 - 2px);
+    height: var(--csize);
+}
+.pri-current {
+    height: var(--csize);
+    background-color: #ffffff20;
+}