1
0
Fork 0
mirror of synced 2024-06-29 11:31:06 +12:00

Only transition padding when expanding components during DND, but remove it immediately on drop to avoid layout thrashing

This commit is contained in:
Andrew Kingston 2022-10-17 09:00:55 +01:00
parent 554b219d62
commit da3202f3c3

View file

@ -505,14 +505,12 @@
.component {
display: contents;
}
.component :global(> *) {
transition: padding 260ms ease-out, border 260ms ease-out;
}
.component.pad :global(> *) {
padding: var(--spacing-l) !important;
gap: var(--spacing-l) !important;
border: 2px dashed var(--spectrum-global-color-gray-400) !important;
border-radius: 4px !important;
transition: padding 260ms ease-out, border 260ms ease-out;
}
.interactive :global(*) {
cursor: default;