morphNon/wynnbuilder-idk
2
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix UI on mobile, and powder specials

Browse source
This commit is contained in:
b 2021-01-19 23:35:25 -06:00
parent df268125d0
commit 605f35c5bd
4 changed files with 33 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
builder.js
View file

@ -637,7 +637,7 @@ function updateBoosts(buttonId, recalcStats) {
}
elem.classList.add("toggleOn");
}
updatePowderSpecials("skip"); //jank pt 1
updatePowderSpecials("skip", false); //jank pt 1
} else {
for (const [key, value] of damageMultipliers) {
let elem = document.getElementById(key + "-boost")

56
index.html
View file

@ -27,13 +27,13 @@
<div style="grid-column:1/span 2;grid-row:1">
<table>
<tr>
<th class="center title">
<th class="center smalltitle">
<label>Equipment</label>
</th>
<th class="center title">
<th class="center smalltitle">
<label>Powdering</label>
</th>
<th class="center title">
<th class="center smalltitle">
<label>Accessories</label>
</th>
</tr>
@ -302,27 +302,27 @@
</p>
<p class = "Quake itemp" id = "Quake">
<b>
<button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')">
<button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1', true)">
4
</button>
</b>
<b>
<button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')">
<button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2', true)">
4.5
</button>
</b>
<b>
<button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')">
<button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3', true)">
5
</button>
</b>
<b>
<button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')">
<button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4', true)">
5.5
</button>
</b>
<b>
<button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')">
<button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5', true)">
6
</button>
</b>
@ -336,27 +336,27 @@
</p>
<p class = "Chain_Lightning itemp" id = "Chain_Lightning">
<b>
<button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')">
<button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1', true)">
4
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')">
<button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2', true)">
4.5
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')">
<button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3', true)">
5
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')">
<button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4', true)">
5.5
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')">
<button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5', true)">
6
</button>
</b>
@ -370,27 +370,27 @@
</p>
<p class = "Curse itemp" id = "Curse">
<b>
<button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')">
<button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1', true)">
4
</button>
</b>
<b>
<button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')">
<button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2', true)">
4.5
</button>
</b>
<b>
<button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')">
<button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3', true)">
5
</button>
</b>
<b>
<button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')">
<button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4', true)">
5.5
</button>
</b>
<b>
<button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')">
<button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5', true)">
6
</button>
</b>
@ -404,27 +404,27 @@
</p>
<p class = "Courage itemp" id = "Courage">
<b>
<button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')">
<button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1', true)">
4
</button>
</b>
<b>
<button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')">
<button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2', true)">
4.5
</button>
</b>
<b>
<button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')">
<button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3', true)">
5
</button>
</b>
<b>
<button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')">
<button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4', true)">
5.5
</button>
</b>
<b>
<button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')">
<button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5', true)">
6
</button>
</b>
@ -438,27 +438,27 @@
</p>
<p class = "Air_Prison itemp" id = "Air_Prison">
<b>
<button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1')">
<button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1', true)">
4
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2')">
<button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2', true)">
4.5
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3')">
<button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3', true)">
5
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4')">
<button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4', true)">
5.5
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5')">
<button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5', true)">
6
</button>
</b>

8
narrow.css
View file

@ -49,11 +49,11 @@
.title{
text-align: center;
font-size: 190%;
font-size: 150%;
}
.smalltitle{
text-align: center;
font-size: 155%;
font-size: 125%;
margin-top: 10px;
margin-bottom: 4px;
}
@ -67,7 +67,7 @@
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 113%;
font-size: 100%;
display: inline-block;
}
button {
@ -79,6 +79,6 @@ button {
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 150%;
font-size: 125%;
display: inline-block;
}

8
styles.css
View file

@ -70,14 +70,6 @@ div {
a.link{
color: #A5FDFF;
}
.title{
text-align: center;
font-size: 150%;
}
.smalltitle{
text-align: center;
font-size: 125%;
}
.center {
text-align: center;
position: relative;