endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests 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"); elem.classList.add("toggleOn");
} }
updatePowderSpecials("skip"); //jank pt 1 updatePowderSpecials("skip", false); //jank pt 1
} else { } else {
for (const [key, value] of damageMultipliers) { for (const [key, value] of damageMultipliers) {
let elem = document.getElementById(key + "-boost") 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"> <div style="grid-column:1/span 2;grid-row:1">
<table> <table>
<tr> <tr>
<th class="center title"> <th class="center smalltitle">
<label>Equipment</label> <label>Equipment</label>
</th> </th>
<th class="center title"> <th class="center smalltitle">
<label>Powdering</label> <label>Powdering</label>
</th> </th>
<th class="center title"> <th class="center smalltitle">
<label>Accessories</label> <label>Accessories</label>
</th> </th>
</tr> </tr>
@ -302,27 +302,27 @@
</p> </p>
<p class = "Quake itemp" id = "Quake"> <p class = "Quake itemp" id = "Quake">
<b> <b>
<button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')"> <button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1', true)">
4 4
</button> </button>
</b> </b>
<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 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')"> <button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3', true)">
5 5
</button> </button>
</b> </b>
<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 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')"> <button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5', true)">
6 6
</button> </button>
</b> </b>
@ -336,27 +336,27 @@
</p> </p>
<p class = "Chain_Lightning itemp" id = "Chain_Lightning"> <p class = "Chain_Lightning itemp" id = "Chain_Lightning">
<b> <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 4
</button> </button>
</b> </b>
<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 4.5
</button> </button>
</b> </b>
<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 5
</button> </button>
</b> </b>
<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 5.5
</button> </button>
</b> </b>
<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 6
</button> </button>
</b> </b>
@ -370,27 +370,27 @@
</p> </p>
<p class = "Curse itemp" id = "Curse"> <p class = "Curse itemp" id = "Curse">
<b> <b>
<button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')"> <button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1', true)">
4 4
</button> </button>
</b> </b>
<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 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')"> <button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3', true)">
5 5
</button> </button>
</b> </b>
<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 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')"> <button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5', true)">
6 6
</button> </button>
</b> </b>
@ -404,27 +404,27 @@
</p> </p>
<p class = "Courage itemp" id = "Courage"> <p class = "Courage itemp" id = "Courage">
<b> <b>
<button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')"> <button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1', true)">
4 4
</button> </button>
</b> </b>
<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 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')"> <button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3', true)">
5 5
</button> </button>
</b> </b>
<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 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')"> <button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5', true)">
6 6
</button> </button>
</b> </b>
@ -438,27 +438,27 @@
</p> </p>
<p class = "Air_Prison itemp" id = "Air_Prison"> <p class = "Air_Prison itemp" id = "Air_Prison">
<b> <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 4
</button> </button>
</b> </b>
<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 4.5
</button> </button>
</b> </b>
<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 5
</button> </button>
</b> </b>
<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 5.5
</button> </button>
</b> </b>
<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 6
</button> </button>
</b> </b>

8
narrow.css
View file

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

8
styles.css
View file

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