re-add scale, rotation, file recent

This commit is contained in:
Stewart Allen 2020-06-07 11:41:03 -04:00
commit ab7ea82b4d
4 changed files with 102 additions and 62 deletions

View file

@ -53,12 +53,16 @@ input {
margin-bottom: 1px;
text-align: right;
border: 1px solid #bbb;
padding-top: 0;
padding-bottom: 0;
margin-top: 1px;
margin-bottom: 1px;
}
input:focus {
background-color: #fec;
}
input[disabled] {
background-color: #ccc;
background-color: #ddd;
color: #000;
border-width: 1px;
}
@ -132,6 +136,12 @@ th, tr, td {
.space-between {
justify-content: space-between;
}
.center {
text-align: center;
}
.russo {
font-family: 'Russo One', sans-serif;
}
:-moz-any() {
overflow-x: hidden !important;
@ -478,6 +488,10 @@ th, tr, td {
.t-33 {
width: 33%;
}
.fillh {
top: 0;
bottom: 0;
}
.t-group {
background-image: var(--gradbar);
white-space: nowrap;
@ -503,13 +517,17 @@ th, tr, td {
width: 10px;
}
#devices {
width: 150px;
width: 200px;
}
#device {
width: 225px;
width: 200px;
}
#gcode-edit {
width: 225px;
width: 200px;
}
#dev-gcode textarea {
font-family: monospace;
width: 100%;
}
#device-action, #tool-action {
margin-top: 5px;
@ -518,6 +536,11 @@ th, tr, td {
flex-direction: column;
justify-content: center;
}
#catalogList {
min-width: 150px;
height: 350px;
overflow-y: scroll;
}
#slider {
display: none;
@ -645,6 +668,14 @@ th, tr, td {
padding: 2px 4px 2px 0;
flex-grow: 1;
}
.var-row input {
margin-right: 0;
margin-bottom: 1px;
}
.var-row button {
margin-right: 0;
margin-bottom: 1px;
}
.table-row {
flex-direction: row;
align-items: stretch;

View file

@ -120,21 +120,51 @@
<div id="lt-rotate" class="lt-menu noshow">
<i class="fas fa-sync-alt"></i>
<label>rotate</label>
<div id="pop-rotate" class="pop-lcol row">
<div id="pop-rotate" class="pop-lcol row fillh russo">
<div>
<label class="grow">X</label>
<input id="rot_x" class="value center" size="5"/ value="0">
</div>
<div>
<label class="grow">Y</label>
<input id="rot_y" class="value center" size="5"/ value="0">
</div>
<div>
<label class="grow">Z</label>
<input id="rot_z" class="value center" size="5"/ value="0">
</div>
</div>
</div>
<div id="lt-scale" class="lt-menu noshow">
<i class="fas fa-expand"></i>
<label>scale</label>
<div id="pop-scale" class="pop-lcol row">
<div id="pop-scale" class="pop-lcol row fillh russo">
<div>
<div><label>X</label><input id="lock_x" type="checkbox" checked/></div>
<div><input id="size_x" size="8" class="value"/></div>
<div><input id="scale_x" size="8" class="value" value="1"/></div>
</div>
<div>
<div><label>Y</label><input id="lock_y" type="checkbox" checked/></div>
<div><input id="size_y" size="8" class="value"/></div>
<div><input id="scale_y" size="8" class="value" value="1"/></div>
</div>
<div>
<div><label>Z</label><input id="lock_z" type="checkbox" checked/></div>
<div><input id="size_z" size="8" class="value"/></div>
<div><input id="scale_z" size="8" class="value" value="1"/></div>
</div>
<div>
<div><label>axis</label></div>
<div><label>size</label></div>
<div><label>scale</label></div>
</div>
</div>
</div>
<div id="lt-nozzle" class="lt-menu noshow">
<i class="fas fa-map-marker"></i>
<label>nozzle</label>
<div id="pop-nozzle" class="pop-lcol row"></div>
<div id="pop-nozzle" class="pop-lcol row fillh"></div>
</div>
<div id="lt-end"></div>
</div>
@ -180,7 +210,10 @@
<div class="grow"></div>
</div>
</div>
<div id="mod-files" class="mdialog"></div>
<div id="mod-files" class="mdialog col">
<label class="t-group">recent files</label>
<div id="catalogList" class="col"></div>
</div>
<div id="mod-tools" class="mdialog">
<div class="col">
<div class="row t-head">