fix mesh tools placement

This commit is contained in:
Stewart Allen 2024-05-20 13:40:44 -04:00
commit 4ff07e9ea9
3 changed files with 71 additions and 69 deletions

View file

@ -2893,9 +2893,9 @@ gapp.register("kiri.init", [], (root, exports) => {
for (let tt of [...document.getElementsByClassName('closer')]) {
let tid = tt.getAttribute('target');
let target = tid ? $(tid) : parentWithClass(tt, 'movable');
target.style.display = 'none';
target.classList.add('hide');
let close = tt.onmousedown = (ev) => {
target.style.display = 'none';
target.classList.add('hide');
if (ev) {
ev.preventDefault();
ev.stopPropagation();
@ -2958,7 +2958,7 @@ gapp.register("kiri.init", [], (root, exports) => {
tictac = $(`ft-${tictac}`);
}
let mover = parentWithClass(tictac.control, 'movable');
mover.style.display = 'flex';
mover.classList.remove('hide');
tictac.control.onclick();
});
$('tool-rotate').onclick = event.bind("tool.show", "rotate");

View file

@ -577,7 +577,7 @@ th, tr, td, label {
#top-sep {
display: none;
}
#top-sep, #mid-sep {
#top-sep {
z-index: 14;
height: 1px;
background-image: var(--gradbar);
@ -645,8 +645,9 @@ th, tr, td, label {
#float-tools {
position: absolute;
margin: 0 0 0 5px;
top: 0;
left: 100%;
top: 35px;
left: 50%;
transform: translateX(-50%);
z-index: 16;
}
#float-tools button {

View file

@ -228,20 +228,7 @@
</div>
</div>
<div id="mid-sep"></div>
<div id="mid" class="grow f-row">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="mid-lcol" class="f-col j-center noshow">
<div id="lt-back" class="lt-menu lt-enabled">
<i class="fas fa-arrow-circle-left"></i>
</div>
<div id="lt-options" class="lt-menu lt-enabled">
<div id="lt-trash"><i class="fas fa-trash"></i></div>
<div id="lt-w-enable"><i class="fas fa-check-circle"></i></div>
<div id="lt-w-disable"><i class="fas fa-times-circle"></i></div>
</div>
<div id="lt-top">
<div id="float-tools" class="f-col movable">
<div id="float-tools" class="f-col movable hide">
<div id="float-tools-title" class="title mover">
<label id="ft-label" class="grow">title bar</label>
<div id="float-tools-close" class="closer"><i class="fas fa-times"></i></div>
@ -303,6 +290,20 @@
</div>
<div class="footer"></div>
</div>
<div id="mid" class="grow f-row">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="mid-lcol" class="f-col j-center noshow">
<div id="lt-back" class="lt-menu lt-enabled">
<i class="fas fa-arrow-circle-left"></i>
</div>
<div id="lt-options" class="lt-menu lt-enabled">
<div id="lt-trash"><i class="fas fa-trash"></i></div>
<div id="lt-w-enable"><i class="fas fa-check-circle"></i></div>
<div id="lt-w-disable"><i class="fas fa-times-circle"></i></div>
</div>
<div id="lt-top">
</div>
</div>
<div id="mid-mcol" class="grow">