tweak left panel hide/show animations and triggers
This commit is contained in:
parent
b8cdc9f144
commit
903e022297
3 changed files with 12 additions and 5 deletions
|
|
@ -181,8 +181,6 @@ class OpRough extends CamOp {
|
||||||
throw `invalid step down "${op.down}"`;
|
throw `invalid step down "${op.down}"`;
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log({ rough: workarea, shadow: state.shadow });
|
|
||||||
|
|
||||||
let roughIn = op.inside;
|
let roughIn = op.inside;
|
||||||
let roughDown = op.down;
|
let roughDown = op.down;
|
||||||
let roughLeave = op.leave || 0;
|
let roughLeave = op.leave || 0;
|
||||||
|
|
|
||||||
|
|
@ -85,7 +85,7 @@ CAM.slice = async function(settings, widget, onupdate, ondone) {
|
||||||
bottom_cut
|
bottom_cut
|
||||||
}, 3);
|
}, 3);
|
||||||
|
|
||||||
console.table({ workarea });
|
// console.table({ workarea });
|
||||||
// console.table({ part_size });
|
// console.table({ part_size });
|
||||||
// console.table({ stock });
|
// console.table({ stock });
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -937,15 +937,21 @@ details[open] > summary::after {
|
||||||
|
|
||||||
.slideshow #panel-left .settings {
|
.slideshow #panel-left .settings {
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
transition: transform 0.15s ease-in-out;
|
transition: transform 0.1s ease-in-out;
|
||||||
|
transition-delay: 0.3s;
|
||||||
}
|
}
|
||||||
.slideshow #panel-left:hover .settings {
|
.slideshow #panel-left:hover .settings {
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
|
transition-delay: 0.0s;
|
||||||
}
|
}
|
||||||
.slideshow #panel-left:hover #slide-show {
|
.slideshow #panel-left:hover #slide-show {
|
||||||
left: -100%;
|
transform: translateX(-100%);
|
||||||
|
transition-delay: 0.0s;
|
||||||
}
|
}
|
||||||
.slideshow #slide-show {
|
.slideshow #slide-show {
|
||||||
|
transition-delay: 0.5s;
|
||||||
|
transform: translateX(-80%);
|
||||||
|
/* transform: translateX(0); */
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -979,6 +985,9 @@ details[open] > summary::after {
|
||||||
#panel-right * {
|
#panel-right * {
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
} */
|
} */
|
||||||
|
#panel-left {
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
#panel-left, #panel-right {
|
#panel-left, #panel-right {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
background-color: var(--work-area);
|
background-color: var(--work-area);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue