CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-18 02:08:34 +12:00
Code Issues Projects Releases Wiki Activity

Expand component trees with padding when dragging and dropping

Browse source
This commit is contained in:
Andrew Kingston 2022-09-28 14:16:09 +01:00
parent 7bcc4efde6
commit e0fcb20fbe
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/client/src/components/Component.svelte
View file

@ -453,6 +453,7 @@
class:interactive
class:editing
class:block={isBlock}
class:explode={children.length && !isLayout && $builderStore.isDragging}
data-id={id}
data-name={name}
data-icon={icon}
@ -481,15 +482,19 @@
.component {
display: contents;
}
.component :global(> *) {
transition: padding 250ms ease, border 250ms ease;
}
.component.explode :global(> *) {
padding: 12px 4px !important;
border: 2px dashed var(--spectrum-global-color-gray-400) !important;
}
.interactive :global(*:hover) {
cursor: pointer;
}
.draggable :global(*:hover) {
cursor: grab;
}
.editing :global(*:hover) {
cursor: auto;
}