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

Reduce padding when dragging over a component tree and remove unused component class names

This commit is contained in:
Andrew Kingston 2022-10-08 15:32:36 +01:00
parent 0d35e03bdf
commit 608e41277a
1 changed files with 1 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -459,9 +459,6 @@
class:block={isBlock}
class:explode={interactive && hasChildren && inDndPath}
class:placeholder={id === "placeholder"}
class:screen={isScreen}
class:dragging={$builderStore.selectedComponentId === id &&
$builderStore.isDragging}
data-id={id}
data-name={name}
data-icon={icon}
@ -495,7 +492,7 @@
transition: padding 250ms ease, border 250ms ease;
}
.component.explode :global(> *) {
padding: 32px !important;
padding: 16px !important;
gap: 16px !important;
border: 2px dashed var(--spectrum-global-color-gray-400) !important;
border-radius: 4px !important;
@ -509,7 +506,4 @@
.editing :global(*:hover) {
cursor: auto;
}
.dragging {
pointer-events: none;
}
</style>