From 85eba0bf0957b990a9b0684ba0d0fe3aa1ad8f50 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Sat, 14 Dec 2024 19:46:20 +0000
Subject: [PATCH] round seek element

---
 static/mobile/css/style.css     | 12 ++++++------
 static/mobile/js/VideoPlayer.js |  3 +++
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/static/mobile/css/style.css b/static/mobile/css/style.css
index 1ca261f5..aaf5a6ee 100644
--- a/static/mobile/css/style.css
+++ b/static/mobile/css/style.css
@@ -226,13 +226,13 @@ ol li {
 .seekbar-progress [role="progressbar"]:after {
   content: " ";
   display: block;
-  width: 14px;
-  height: 14px;
+  width: 20px;
+  height: 20px;
   position: absolute;
-  top: -3px;
-  right: -7px;
-  border: 2px solid #B1B1B180;
-  background-color: #B1B1B180;
+  top: -6px;
+  right: -10px;
+  background-color: #B1B1B1;
+  border-radius: 20px;
 }
 
 .seekbar input[type="range"] {
diff --git a/static/mobile/js/VideoPlayer.js b/static/mobile/js/VideoPlayer.js
index f1503387..c1f34850 100644
--- a/static/mobile/js/VideoPlayer.js
+++ b/static/mobile/js/VideoPlayer.js
@@ -226,6 +226,9 @@ window.VideoPlayer = function(options) {
         }
         var showControls
         function hideControlsLater() {
+            if (showControls) {
+                clearTimeout(showControls)
+            }
             showControls = setTimeout(() => {
                 if (touching) {
                     hideControlsLater()