add hover titles for machining modes

This commit is contained in:
Stewart Allen 2024-06-09 19:29:50 -07:00
commit 3f0bf78d8b
2 changed files with 8 additions and 7 deletions

View file

@ -554,6 +554,7 @@ CAM.init = function(kiri, api) {
poprec.use(rec); poprec.use(rec);
hoveredOp = el; hoveredOp = el;
if (!clock) { if (!clock) {
// offset Y position of pop div by % of Y screen location of button
el.appendChild(poprec.div); el.appendChild(poprec.div);
poprec.addNote(); poprec.addNote();
const { innerHeight } = window; const { innerHeight } = window;

View file

@ -148,32 +148,32 @@
<div class="top-menu-drop top-menu-right"> <div class="top-menu-drop top-menu-right">
<div class="content"> <div class="content">
<div id="mode-fdm"> <div id="mode-fdm">
<label>FDM</label> <label title="3D Additive Printing Processes">FDM</label>
<span><i class="fas fa-layer-group"></i></span> <span><i class="fas fa-layer-group"></i></span>
</div> </div>
<div id="mode-cam"> <div id="mode-cam">
<label>CNC</label> <label title="CNC Mills and Subtractive Processes">CNC</label>
<span><i class="fas fa-bore-hole"></i></span> <span><i class="fas fa-bore-hole"></i></span>
</div> </div>
<div id="mode-sla"> <div id="mode-sla">
<label>SLA</label> <label title="mSLA Resin Printing">SLA</label>
<span><i class="fas fa-cube"></i></span> <span><i class="fas fa-cube"></i></span>
</div> </div>
<hr> <hr>
<div id="mode-laser"> <div id="mode-laser">
<label>Laser</label> <label title="Laser Cutting and Engraving">Laser</label>
<span><i class="fas fa-bolt"></i></span> <span><i class="fas fa-bolt"></i></span>
</div> </div>
<div id="mode-wjet"> <div id="mode-wjet">
<label>Water</label> <label title="WaterJet Cutting">Water</label>
<span><i class="fas fa-location-pin"></i></span> <span><i class="fas fa-location-pin"></i></span>
</div> </div>
<div id="mode-wedm"> <div id="mode-wedm">
<label>Wire</label> <label title="Wire EDM Cutting">Wire</label>
<span><i class="fas fa-ellipsis-vertical"></i></span> <span><i class="fas fa-ellipsis-vertical"></i></span>
</div> </div>
<div id="mode-drag"> <div id="mode-drag">
<label>Drag</label> <label title="Drag Knife Cutting">Drag</label>
<span><i class="fas fa-caret-left"></i></span> <span><i class="fas fa-caret-left"></i></span>
</div> </div>
</div> </div>