MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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 8c1c84e9aa
commit 682203fbda
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/client/src/components/Component.svelte
View File

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