fixed several animation & transition problems plaguing the inventory tray

This commit is contained in:
Disco DeDisco
2026-04-04 14:51:49 -04:00
parent b74f8e1bb1
commit 4e07fcf38b
5 changed files with 54 additions and 15 deletions

View File

@@ -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;

View File

@@ -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; }
}