add rotate buttons

This commit is contained in:
Stewart Allen 2020-06-15 09:47:12 -04:00
commit 10f92b83ea
3 changed files with 38 additions and 4 deletions

View file

@ -435,6 +435,21 @@ and (orientation : landscape) {
#pop-rotate .value, #pop-scale .value {
width: 90%;
}
#pop-rotate label {
padding: 3px;
}
#pop-rotate svg {
padding: 3px;
font-size: 20px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0);
}
#pop-rotate svg:hover {
color: #345;
font-size: 20px;
background-color: rgba(255,255,255,0.5);
border: 1px solid #aaa;
}
#lock_x, #lock_y, #lock_z {
position: absolute;
left: 2px;

View file

@ -138,16 +138,27 @@
<label>rotate</label>
<div id="pop-rotate" class="pop-lcol row fillh russo">
<div>
<label class="grow">X</label>
<div>&lt; &gt;</div>
<div class="grow a-center">
<i id="rot_x_lt" class="fas fa-chevron-left"></i>
<label>X</label>
<i id="rot_x_gt" class="fas fa-chevron-right"></i>
</div>
<input id="rot_x" class="value center" size="5"/ value="0">
</div>
<div>
<label class="grow">Y</label>
<div class="grow a-center">
<i id="rot_y_lt" class="fas fa-chevron-left"></i>
<label>Y</label>
<i id="rot_y_gt" class="fas fa-chevron-right"></i>
</div>
<input id="rot_y" class="value center" size="5"/ value="0">
</div>
<div>
<label class="grow">Z</label>
<div class="grow a-center">
<i id="rot_z_lt" class="fas fa-chevron-left"></i>
<label>Z</label>
<i id="rot_z_gt" class="fas fa-chevron-right"></i>
</div>
<input id="rot_z" class="value center" size="5"/ value="0">
</div>
<div id="unrotate" class="col j-center">reset</div>