endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

Fix font size and spacing issues on mobile, maybe

Browse source
This commit is contained in:
b 2021-01-19 04:36:24 -06:00
parent d3161b9773
commit 937c0488c8
3 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -1,6 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html scroll-behavior="smooth"> <html scroll-behavior="smooth">
<head> <head>
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
<!-- nunito font, copying wynndata --> <!-- nunito font, copying wynndata -->
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
@ -16,7 +19,7 @@
<div class="header" id="header"> <div class="header" id="header">
Wynn build calculator Wynn build calculator
</div> </div>
<div class="center" id="help"> <div class="header" id="help">
<a href="https://forums.wynncraft.com/threads/wynnbuilder-release-thread-and-some-damage-calculation-updates.281438">Forum thread (instructions/help)</a> <a href="https://forums.wynncraft.com/threads/wynnbuilder-release-thread-and-some-damage-calculation-updates.281438">Forum thread (instructions/help)</a>
</div> </div>
<div class="summary"> <div class="summary">
@ -33,7 +36,7 @@
</tr> </tr>
<tr> <tr>
<td class="left"> <td class="left">
<label for="helmet-choice">Helmet:</label> <label for="helmet-choice">Helmet:</label><br>
<input class="iteminput" list="helmet-items" id="helmet-choice" name="helmet-choice" placeholder="No Helmet"/> <input class="iteminput" list="helmet-items" id="helmet-choice" name="helmet-choice" placeholder="No Helmet"/>
<datalist id="helmet-items"> <datalist id="helmet-items">
</datalist> </datalist>
@ -47,7 +50,7 @@
</tr> </tr>
<tr> <tr>
<td class="left"> <td class="left">
<label for="chestplate-choice">Chestplate:</label> <label for="chestplate-choice">Chestplate:</label><br>
<input class="iteminput" list="chestplate-items" id="chestplate-choice" name="chestplate-choice" placeholder="No Chestplate" /> <input class="iteminput" list="chestplate-items" id="chestplate-choice" name="chestplate-choice" placeholder="No Chestplate" />
<datalist id="chestplate-items"> <datalist id="chestplate-items">
</datalist> </datalist>
@ -61,7 +64,7 @@
</tr> </tr>
<tr> <tr>
<td class="left"> <td class="left">
<label for="leggings-choice">Leggings:</label> <label for="leggings-choice">Leggings:</label><br>
<input class="iteminput" list="leggings-items" id="leggings-choice" name="leggings-choice" placeholder="No Leggings" /> <input class="iteminput" list="leggings-items" id="leggings-choice" name="leggings-choice" placeholder="No Leggings" />
<datalist id="leggings-items"> <datalist id="leggings-items">
</datalist> </datalist>
@ -75,7 +78,7 @@
</tr> </tr>
<tr> <tr>
<td class="left"> <td class="left">
<label for="boots-choice">Boots:</label> <label for="boots-choice">Boots:</label><br>
<input class="iteminput" list="boots-items" id="boots-choice" name="boots-choice" placeholder="No Boots" /> <input class="iteminput" list="boots-items" id="boots-choice" name="boots-choice" placeholder="No Boots" />
<datalist id="boots-items"> <datalist id="boots-items">
</datalist> </datalist>
@ -90,7 +93,7 @@
<tr> <tr>
<td class="left"> <td class="left">
<br> <br>
<label for="weapon-choice">Weapon:</label> <label for="weapon-choice">Weapon:</label><br>
<input class="iteminput" list="weapon-items" id="weapon-choice" name="weapon-choice" placeholder="No Weapon" value=""/> <input class="iteminput" list="weapon-items" id="weapon-choice" name="weapon-choice" placeholder="No Weapon" value=""/>
<datalist id="weapon-items"> <datalist id="weapon-items">
</datalist> </datalist>
@ -204,7 +207,7 @@
<tr> <tr>
<td> <td>
<button class = "button-narrow" id = "vanish-boost" onclick = "updateBoosts('vanish-boost')"> <button class = "button-narrow" id = "vanish-boost" onclick = "updateBoosts('vanish-boost')">
Vanish Boost (+80%) Vanish (+80%)
</button> </button>
</td> </td>
<td> <td>
@ -884,7 +887,7 @@
Edit IDs Edit IDs
</button> </button>
</div> </div>
<br><br><br><br><br><br><br><br> <div class="wide-space"></div>
</div> </div>
</div> </div>
<div class="build-overall-container hide-container-block" style="display: none;"> <div class="build-overall-container hide-container-block" style="display: none;">

4
narrow.css
View file

@ -38,3 +38,7 @@
height: 7vw; height: 7vw;
max-height: 30px; max-height: 30px;
} }
.wide-space {
height: 1em;
}

4
wide.css
View file

@ -52,3 +52,7 @@
height: 7vw; height: 7vw;
max-height: 30px; max-height: 30px;
} }
.wide-space {
height: 8em;
}