From b9cad4422a797d9984752d59dbadbb91856dc028 Mon Sep 17 00:00:00 2001
From: Lenny Angst <lenny@familie-angst.ch>
Date: Mon, 22 Dec 2025 14:26:02 +0100
Subject: [PATCH] Make progress bar move smoother

Add a transition to the progress slider to make it move smoother in
between slider steps while playing the video. The steps were especially
noticeable when playing shorter videos.
---
 materialious/src/lib/components/Player.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index b03a256b..4af70801 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -974,7 +974,7 @@
 	{#if !hideControls}
 		<div id="player-controls">
 			<article class="round" style="width: 100%;padding: 0;height: 10px;">
-				<label class="slider max">
+				<label id="progress-slider" class="slider max">
 					{#key playerCurrentTime}
 						<input
 							oninput={handleTimeChange}
@@ -1297,6 +1297,10 @@
 		transition: opacity 2s ease;
 	}
 
+	#progress-slider > span {
+		transition: 0.25s;
+	}
+
 	#player-container:focus-within #player-controls,
 	#player-container:active #player-controls,
 	#player-container:hover #player-controls {