claudecode/AvianVisitors
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load progress bar after image on audio player (#326)

Browse Source 
* Load progress bar after image

* Ensure bottom overlay on top

* zindex
This commit is contained in:
Alexandre
2025-04-26 15:38:40 +02:00
committed by GitHub
parent 465e9739ce
commit 44e7d113ca
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
homepage/static/custom-audio-player.js
+15 -12
View File
@@ -214,19 +214,21 @@ function initCustomAudioPlayers() {
}); });
// Dark vertical progression bar // Dark vertical progression bar
indicator = document.createElement("div"); img.addEventListener("load", () => {
applyStyles(indicator, { indicator = document.createElement("div");
position: "absolute", applyStyles(indicator, {
top: "0", position: "absolute",
bottom: "0", top: "0",
// Start at left margin bottom: "0",
left: CONFIG.LEFT_MARGIN_PERCENT + "%", // Start at left margin
width: "2px", left: CONFIG.LEFT_MARGIN_PERCENT + "%",
background: "rgba(0,0,0,0.8)", width: "2px",
pointerEvents: "none", background: "rgba(0,0,0,0.8)",
borderRadius: "2px", pointerEvents: "none",
borderRadius: "2px",
});
wrapper.appendChild(indicator);
}); });
wrapper.appendChild(indicator);
} }
// Loading spinner // Loading spinner
@@ -405,6 +407,7 @@ function initCustomAudioPlayers() {
position: "absolute", position: "absolute",
left: "0", left: "0",
bottom: "0", bottom: "0",
zIndex: 1,
width: "100%", width: "100%",
height: "15%", height: "15%",
display: "none", display: "none",