modularize print export
This commit is contained in:
parent
36682581f0
commit
c74dd09643
8 changed files with 505 additions and 445 deletions
|
|
@ -104,10 +104,11 @@
|
|||
</div>
|
||||
<!-- CAM tools dialog -->
|
||||
<div id="tools" class="dialog">
|
||||
<div id="tools-body" class="flow-col">
|
||||
<div id="tools-body" class="flow-col">
|
||||
<div id="tool-labels" class="flow-row">
|
||||
<label>tools</label>
|
||||
<label>details</label>
|
||||
<label>tool</label>
|
||||
<label>detail</label>
|
||||
<label>view</label>
|
||||
</div>
|
||||
<div id="tool-cols" class="flow-row">
|
||||
<div id="tool-list" class="flow-col">
|
||||
|
|
@ -116,8 +117,9 @@
|
|||
<div id="tool-info" class="flow-col">
|
||||
<div class="flow-row"><label>type</label>
|
||||
<select id="tool-type">
|
||||
<option value="endmill" selected>endmill</option>
|
||||
<option value="ballmill">ballmill</option>
|
||||
<option value="endmill" selected>end</option>
|
||||
<option value="ballmill">ball</option>
|
||||
<option value="taper">taper</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flow-row"><label>name</label><input id="tool-name" size=8></input></div>
|
||||
|
|
@ -129,7 +131,11 @@
|
|||
<div class="grouphead">shaft</div>
|
||||
<div class="flow-row" title="shaft diameter"><label>diameter</label><input id="tool-sdiam" size=5></input></div>
|
||||
<div class="flow-row" title="shaft length"><label>length</label><input id="tool-slen" size=5></input></div>
|
||||
<div class="grouphead">taper</div>
|
||||
<div class="flow-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=5></input></div>
|
||||
<div class="flow-row" title="tip width"><label>width</label><input id="tool-twidth" size=5></input></div>
|
||||
</div>
|
||||
<div id="tool-view" class="flow-col"></div>
|
||||
</div>
|
||||
<div id="tool-action" class="flow-row">
|
||||
<button id="tool-add">+</button>
|
||||
|
|
|
|||
|
|
@ -339,6 +339,9 @@ button.selected {
|
|||
|
||||
/** tool dialog */
|
||||
|
||||
#tools:hover,#tools-body:hover {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#tools {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -361,22 +364,30 @@ button.selected {
|
|||
padding-bottom: 5px;
|
||||
border: 0;
|
||||
}
|
||||
#tool-labels span {
|
||||
width: 200px;
|
||||
padding: 2px 5px 2px 5px;
|
||||
margin: 0 5px 5px 5px;
|
||||
background-color: #eee;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #aaa;
|
||||
text-align: center;
|
||||
#tool-labels label:nth-child(1) {
|
||||
width: 125px;
|
||||
}
|
||||
#tool-labels label:nth-child(2) {
|
||||
width: 175px;
|
||||
}
|
||||
#tool-labels label:nth-child(3) {
|
||||
width: 100px;
|
||||
}
|
||||
#tool-cols > div {
|
||||
width: 200px;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#tool-cols > div:nth-child(1) {
|
||||
width: 125px;
|
||||
}
|
||||
#tool-cols > div:nth-child(2) {
|
||||
width: 175px;
|
||||
}
|
||||
#tool-cols > div:nth-child(3) {
|
||||
width: 100px;
|
||||
}
|
||||
#tool-info > div {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
|
|
@ -422,6 +433,9 @@ button.selected {
|
|||
|
||||
/** device dialog */
|
||||
|
||||
#devices:hover,#devices-body:hover {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#devices {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -708,7 +722,6 @@ button[import="1"] {
|
|||
flex-grow: 1;
|
||||
}
|
||||
|
||||
|
||||
#selected {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
|
|
|
|||
Loading…
Reference in a new issue