From e96727a94d6f8e99a9fc17fff3518094403b4261 Mon Sep 17 00:00:00 2001
From: emeric <itmfr@yahoo.fr>
Date: Fri, 28 Aug 2020 00:00:08 +0200
Subject: [PATCH] Removed not that beautiful progressbar animations. fixes #90

---
 approot/mediaplayer.xml   | 2 +-
 docroot/css/lms.css       | 4 ++++
 docroot/js/mediaplayer.js | 2 --
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/approot/mediaplayer.xml b/approot/mediaplayer.xml
index 43f0ff45..452dfd32 100644
--- a/approot/mediaplayer.xml
+++ b/approot/mediaplayer.xml
@@ -9,7 +9,7 @@
 		<div class="Lms-player-seek-container">
 			<input id="lms-mp-seek" class="Lms-player-seek-common Lms-player-seek" type="range" min="0" max="100" step="1" value="0"/>
 			<div class="progress Lms-player-seek-common Lms-player-progress">
-				<div id="lms-mp-progress" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
+				<div id="lms-mp-progress" class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
 				</div>
 			</div>
 		</div>
diff --git a/docroot/css/lms.css b/docroot/css/lms.css
index b47302bb..17af16e4 100644
--- a/docroot/css/lms.css
+++ b/docroot/css/lms.css
@@ -362,6 +362,10 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	background-color: var(--slider-background-color);
 }
 
+.Lms-player-progress .progress-bar {
+	transition: none;
+}
+
 .Lms-player-seek {
 	cursor: pointer;
 	z-index: 1;
diff --git a/docroot/js/mediaplayer.js b/docroot/js/mediaplayer.js
index 776b5b0a..b50c4ff4 100644
--- a/docroot/js/mediaplayer.js
+++ b/docroot/js/mediaplayer.js
@@ -31,12 +31,10 @@ LMS.mediaplayer = function () {
 		if (_elems.audio.paused) {
 			_elems.playpause.classList.remove("fa-pause");
 			_elems.playpause.classList.add("fa-play");
-			_elems.progress.classList.remove("active");
 		}
 		else {
 			_elems.playpause.classList.remove("fa-play");
 			_elems.playpause.classList.add("fa-pause");
-			_elems.progress.classList.add("active");
 		}
 	}