dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-26 13:31:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Keep tooltip text updated

Browse source
This commit is contained in:
Send_Nukez 2021-09-27 01:02:46 +02:00
parent 8b5ef19764
commit 927f25867c
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
dribbblish.js
View file

@ -153,8 +153,8 @@ waitForElement([".Root__main-view .os-resize-observer-host"], ([resizeHost]) =>
tooltip.className = "prog-tooltip";
progKnob.append(tooltip);
function updateProgTime() {
const newText = Spicetify.Player.formatTime(Spicetify.Player.getProgress()) + " / " + Spicetify.Player.formatTime(Spicetify.Player.getDuration());
function updateProgTime(timeOverride) {
const newText = Spicetify.Player.formatTime(timeOverride || Spicetify.Player.getProgress()) + " / " + Spicetify.Player.formatTime(Spicetify.Player.getDuration());
// To reduce DOM Updates when the Song is Paused
if (tooltip.innerText != newText) tooltip.innerText = newText;
@ -172,7 +172,8 @@ waitForElement([".Root__main-view .os-resize-observer-host"], ([resizeHost]) =>
}
}
const knobPosObserver = new MutationObserver((muts) => {
updateProgTime();
const progressPercentage = Number(getComputedStyle(document.querySelector(".progress-bar")).getPropertyValue("--progress-bar-transform").replace("%", "")) / 100;
updateProgTime(Spicetify.Player.getDuration() * progressPercentage);
});
knobPosObserver.observe(document.querySelector(".progress-bar"), {
attributes: true,

3
user.css
View file

@ -457,6 +457,9 @@ html.sidebar-hide-text .GlueDropTarget span {
text-align: center;
color: var(--spice-text);
background-color: var(--spice-button);
}
.playback-bar:not(:active) .prog-tooltip {
transition: transform 0.2s ease;
}