center tool pops

This commit is contained in:
Stewart Allen 2024-06-05 17:51:24 -07:00
commit 28b4ce9ee1
2 changed files with 35 additions and 7 deletions

View file

@ -1014,6 +1014,9 @@ th, tr, td, label {
justify-content: center;
flex-direction: row;
}
#render-tools span {
position: relative;
}
#render-tools svg {
font-size: 20px;
aspect-ratio: 1/1;
@ -1044,6 +1047,10 @@ th, tr, td, label {
margin-top: 3px;
padding: 3px;
top: 100%;
left: 50%;
transform: translateX(-50%);
text-align: center;
white-space: nowrap;
}
#render-tools > span:not(:hover) .pop {
display: none;

View file

@ -279,13 +279,34 @@
</div>
</div>
</span>
<span id="context-mirror" xlk="rc_mirr"><i class="fas fa-arrows-left-right-to-line" title="mirror selection"></i></span>
<span id="context-duplicate" xlk="rc_dupl"><i class="fas fa-copy" title="duplicate selection"></i></span>
<span id="context-layflat" xlk="rc_lafl"><i class="fas fa-arrows-down-to-line" title="lay flat: choose a face to place on the work surface"></i></span>
<span id="context-setfocus" xlk="rc_focs"><i class="fas fa-eye" title="choose focal point, camera orbit center"></i></span>
<span id="render-solid" class="j-center" title="view solid"><i class="fas fa-square"></i></span>
<span id="render-wire" class="j-center" title="view wireframe"><i class="fas fa-border-all"></i></span>
<span id="render-ghost" class="a-center" title="view transparent"><i class="fas fa-border-none"></i></span>
<span id="context-mirror" xlk="rc_mirr">
<i class="fas fa-arrows-left-right-to-line"></i>
<div class="pop">mirror selection</div>
</span>
<span id="context-duplicate" xlk="rc_dupl">
<i class="fas fa-copy"></i>
<div class="pop">duplicate selection</div>
</span>
<span id="context-layflat" xlk="rc_lafl">
<i class="fas fa-arrows-down-to-line"></i>
<div class="pop">choose a face to place<br>on the work surface</div>
</span>
<span id="context-setfocus" xlk="rc_focs">
<i class="fas fa-eye"></i>
<div class="pop">choose focal point<br>camera orbit center</div>
</span>
<span id="render-solid" class="j-center">
<i class="fas fa-square"></i>
<div class="pop">render objects solid</div>
</span>
<span id="render-wire" class="j-center">
<i class="fas fa-border-all"></i>
<div class="pop">render objects wireframe</div>
</span>
<span id="render-ghost" class="a-center">
<i class="fas fa-border-none"></i>
<div class="pop">render objects transparent</div>
</span>
</div>
</div>