add rotate buttons
This commit is contained in:
parent
4f725535d3
commit
10f92b83ea
3 changed files with 38 additions and 4 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -138,16 +138,27 @@
|
|||
<label>rotate</label>
|
||||
<div id="pop-rotate" class="pop-lcol row fillh russo">
|
||||
<div>
|
||||
<label class="grow">X</label>
|
||||
<div>< ></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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue