fix hover effects on progress bar not working

This commit is contained in:
Omsi 2018-04-03 08:58:36 -07:00
parent f57efed3bd
commit 4630018985
3 changed files with 13 additions and 10 deletions

View File

@ -819,8 +819,8 @@
<canvas id="normalDimChart" width="1500" height="500" style="user-select: none;"></canvas>
<b>Exponents of antimatter per second</b>
</div>
<div id="progress" ach-tooltip="Percentage until Infinity">
<div id="progressbar"></div>
<div id="progress">
<div id="progressbar"><span id="progresspercent" ach-tooltip="Percentage until Infinity">0%</span></div>
</div>
<div id="footercontainer">

View File

@ -7859,20 +7859,20 @@ function gameLoop(diff) {
if (player.currentChallenge !== "") {
document.getElementById("progressbar").style.width = Decimal.min((Decimal.log10(player.money.plus(1)) / Decimal.log10(player.challengeTarget) * 100), 100).toFixed(2) + "%"
document.getElementById("progressbar").innerHTML = Decimal.min((Decimal.log10(player.money.plus(1)) / Decimal.log10(player.challengeTarget) * 100), 100).toFixed(2) + "%"
document.getElementById("progress").setAttribute('ach-tooltip',"Percentage to challenge goal")
document.getElementById("progresspercent").innerHTML = Decimal.min((Decimal.log10(player.money.plus(1)) / Decimal.log10(player.challengeTarget) * 100), 100).toFixed(2) + "%"
document.getElementById("progresspercent").setAttribute('ach-tooltip',"Percentage to challenge goal")
} else if (!player.break) {
document.getElementById("progressbar").style.width = Decimal.min((Decimal.log10(player.money.plus(1)) / Decimal.log10(Number.MAX_VALUE) * 100), 100).toFixed(2) + "%"
document.getElementById("progressbar").innerHTML = Decimal.min((Decimal.log10(player.money.plus(1)) / Decimal.log10(Number.MAX_VALUE) * 100), 100).toFixed(2) + "%"
document.getElementById("progress").setAttribute('ach-tooltip',"Percentage to Infinity")
document.getElementById("progresspercent").innerHTML = Decimal.min((Decimal.log10(player.money.plus(1)) / Decimal.log10(Number.MAX_VALUE) * 100), 100).toFixed(2) + "%"
document.getElementById("progresspercent").setAttribute('ach-tooltip',"Percentage to Infinity")
} else if (player.infDimensionsUnlocked.includes(false)) {
document.getElementById("progressbar").style.width = Decimal.min(player.money.e / getNewInfReq().e * 100, 100).toFixed(2) + "%"
document.getElementById("progressbar").innerHTML = Decimal.min(player.money.e / getNewInfReq().e * 100, 100).toFixed(2) + "%"
document.getElementById("progress").setAttribute('ach-tooltip',"Percentage to next dimension unlock")
document.getElementById("progresspercent").innerHTML = Decimal.min(player.money.e / getNewInfReq().e * 100, 100).toFixed(2) + "%"
document.getElementById("progresspercent").setAttribute('ach-tooltip',"Percentage to next dimension unlock")
} else {
document.getElementById("progressbar").style.width = Decimal.min(Decimal.log10(player.infinityPoints.plus(1)) / Decimal.log10(Number.MAX_VALUE) * 100, 100).toFixed(2) + "%"
document.getElementById("progressbar").innerHTML = Decimal.min(Decimal.log10(player.infinityPoints.plus(1)) / Decimal.log10(Number.MAX_VALUE) * 100, 100).toFixed(2) + "%"
document.getElementById("progress").setAttribute('ach-tooltip',"Percentage to Eternity")
document.getElementById("progresspercent").innerHTML = Decimal.min(Decimal.log10(player.infinityPoints.plus(1)) / Decimal.log10(Number.MAX_VALUE) * 100, 100).toFixed(2) + "%"
document.getElementById("progresspercent").setAttribute('ach-tooltip',"Percentage to Eternity")
}
if (player.eternities > 0) {

View File

@ -688,6 +688,9 @@ button {
transition-duration: 0.1s;
}
#progresspercent {
pointer-events: all !important;
}
.greedbtn {
height: 40px;