fix: stagger animation breaking position:fixed overlays
The fadeSlideIn animation used transform:translateY which creates a new containing block, trapping position:fixed children (EntitySelect). Switched to the CSS translate property which doesn't create a containing block.
This commit is contained in:
@@ -132,8 +132,8 @@ a:focus-visible {
|
|||||||
|
|
||||||
/* Animations */
|
/* Animations */
|
||||||
@keyframes fadeSlideIn {
|
@keyframes fadeSlideIn {
|
||||||
from { opacity: 0; transform: translateY(12px); }
|
from { opacity: 0; translate: 0 12px; }
|
||||||
to { opacity: 1; transform: translateY(0); }
|
to { opacity: 1; translate: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes shimmer {
|
@keyframes shimmer {
|
||||||
|
|||||||
Reference in New Issue
Block a user