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 cf0891c911
commit 9f7504c53f
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:block={isBlock}
class:explode={interactive && hasChildren && inDndPath} class:explode={interactive && hasChildren && inDndPath}
class:placeholder={id === "placeholder"} class:placeholder={id === "placeholder"}
class:screen={isScreen}
class:dragging={$builderStore.selectedComponentId === id &&
$builderStore.isDragging}
data-id={id} data-id={id}
data-name={name} data-name={name}
data-icon={icon} data-icon={icon}
@ -495,7 +492,7 @@
transition: padding 250ms ease, border 250ms ease; transition: padding 250ms ease, border 250ms ease;
} }
.component.explode :global(> *) { .component.explode :global(> *) {
padding: 32px !important; padding: 16px !important;
gap: 16px !important; gap: 16px !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;
@ -509,7 +506,4 @@
.editing :global(*:hover) { .editing :global(*:hover) {
cursor: auto; cursor: auto;
} }
.dragging {
pointer-events: none;
}
</style> </style>