gbrochar
/
webgl
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

better html inputs

This commit is contained in:
gbrochar 2020-11-28 16:14:59 +01:00
parent 9b26aa7629
commit 1dd40d0584
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/css/style.css
View File

@ -12,6 +12,18 @@ body {
width: 100%; width: 100%;
} }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
#glCanvas { #glCanvas {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;

12
views/index.ejs
View File

@ -72,20 +72,20 @@
<div class='ui-block'> <div class='ui-block'>
<div style='display: inline;'>Change scale: </div> <div style='display: inline;'>Change scale: </div>
<div style='display: inline;'>X: </div> <div style='display: inline;'>X: </div>
<input type="number" value="1" id="scalex"> <input type="number" value="1" min="0" step='0.00001' id="scalex">
<div style='display: inline;'>Y: </div> <div style='display: inline;'>Y: </div>
<input type="number" value="1" id="scaley"> <input type="number" value="1" min="0" step='0.00001' id="scaley">
<div style='display: inline;'>Z: </div> <div style='display: inline;'>Z: </div>
<input type="number" value="1" id="scalez"> <input type="number" value="1" min="0" step='0.00001' id="scalez">
</div> </div>
<div class='ui-block'> <div class='ui-block'>
<div style='display: inline;'>Translate: </div> <div style='display: inline;'>Translate: </div>
<div style='display: inline;'>X: </div> <div style='display: inline;'>X: </div>
<input type="number" value="0" id="posx"> <input type="number" value="0" step='0.00001' id="posx">
<div style='display: inline;'>Y: </div> <div style='display: inline;'>Y: </div>
<input type="number" value="0" id="posy"> <input type="number" value="0" step='0.00001' id="posy">
<div style='display: inline;'>Z: </div> <div style='display: inline;'>Z: </div>
<input type="number" value="0" id="posz"> <input type="number" value="0" step='0.00001' id="posz">
</div> </div>
<div class='ui-block'> <div class='ui-block'>
<div style='display: inline;'>Change object: </div> <div style='display: inline;'>Change object: </div>