fixed several animation & transition problems plaguing the inventory tray
This commit is contained in:
@@ -473,6 +473,16 @@ html:has(.gate-backdrop) .position-strip .gate-slot button { pointer-events: aut
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
// Outside .room-table-scene so it isn't scaled by scaleTable().
|
||||
// Positioned absolute so it floats over the hex without affecting flex layout.
|
||||
#id_pick_sigs_wrap {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.table-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -41,11 +41,11 @@ $handle-r: 1rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
transition: left 1.0s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
|
||||
&.tray-dragging { transition: none; }
|
||||
&.wobble { animation: tray-wobble .45s ease; }
|
||||
&.snap { animation: tray-snap 1.0s ease; }
|
||||
&.snap { animation: tray-snap 0.30s ease; }
|
||||
}
|
||||
|
||||
#id_tray_handle {
|
||||
@@ -222,11 +222,11 @@ $handle-r: 1rem;
|
||||
right: $sidebar-w;
|
||||
top: auto; // JS controls style.top for the Y-axis slide
|
||||
bottom: auto;
|
||||
transition: top 1.0s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
|
||||
&.tray-dragging { transition: none; }
|
||||
&.wobble { animation: tray-wobble-landscape 0.45s ease; }
|
||||
&.snap { animation: tray-snap-landscape 1.0s ease; }
|
||||
&.snap { animation: tray-snap-landscape 0.30s ease; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user