AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

checkpoint cam-op-pop editing

Browse source
This commit is contained in:
Stewart Allen 2020-12-24 00:11:38 -05:00
commit fd3eb613aa
7 changed files with 311 additions and 219 deletions
Download patch file Download diff file Expand all files Collapse all files

35
web/kiri/index.css
View file

@ -560,7 +560,7 @@ th, tr, td, label {
margin-right: 5px;
padding: 5px;
}
#oplist > div {
#oplist > div, .opdiv {
display: flex;
flex-direction: column;
align-items: center;
@ -570,6 +570,7 @@ th, tr, td, label {
margin: 0 2px 0 2px;
padding: 2px 10px 2px 10px;
background-color: rgba(255,255,255,0.75);
white-space: nowrap;
}
#oplist .drag {
background-color: var(--highlight) !important;
@ -605,6 +606,38 @@ th, tr, td, label {
#oplist div:hover .opop {
display: flex;
}
#op-add-pop {
position: absolute;
display: none;
padding: 5px;
bottom: 35px;
}
#op-add:hover #op-add-pop {
display: flex;
}
#op-add-list {
padding: 4px;
display: flex;
align-items: stretch;
flex-direction: column-reverse;
}
#op-add-list > div {
padding: 3px 5px 3px 5px;
display: flex;
flex-direction: column;
border-radius: 3px;
}
#op-add-list > div:hover {
background-color: rgba(0,0,0,0.2);
border-bottom: 1px rgba(0,0,0,0.5);
}
#op-add-contour-menu, #op-add-register-menu {
position: absolute;
right: 0;
top: 0;
xtransform: translateX(-100%);
xtransform: translateY(-50%);
}
#progress {
display: none;

19
web/kiri/index.html
View file

@ -415,6 +415,25 @@
<div id="camops" class="f-row a-stretch j-center">
<div class="left"></div>
<div id="oplist" class="f-row j-center"></div>
<div id="ophint" class="f-row">
<div class="opdiv">use + menu to add milling operations</div>
<div class="opdiv">drag to re-order</div>
</div>
<div id="op-add" class="opdiv">
<i class="fas fa-plus"></i>
<div id="op-add-pop" class="f-col">
<div id="op-add-list" class="opdiv">
<div>rough</div>
<div>outline</div>
<div>trace</div>
<div>drill</div>
<div>contour x</div>
<div>contour y</div>
<div>register x</div>
<div>register y</div>
</div>
</div>
</div>
<div class="right"></div>
</div>
</div>