Load progress bar after image on audio player (#326)
* Load progress bar after image * Ensure bottom overlay on top * zindex
This commit is contained in:
@@ -214,6 +214,7 @@ function initCustomAudioPlayers() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// Dark vertical progression bar
|
// Dark vertical progression bar
|
||||||
|
img.addEventListener("load", () => {
|
||||||
indicator = document.createElement("div");
|
indicator = document.createElement("div");
|
||||||
applyStyles(indicator, {
|
applyStyles(indicator, {
|
||||||
position: "absolute",
|
position: "absolute",
|
||||||
@@ -227,6 +228,7 @@ function initCustomAudioPlayers() {
|
|||||||
borderRadius: "2px",
|
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",
|
||||||
|
|||||||
Reference in New Issue
Block a user