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

Update new component DND to use proper styles

This commit is contained in:
Andrew Kingston 2022-05-19 20:11:04 +01:00
parent 050f4900b3
commit 8ee95c0779
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentTree.svelte
View File

@ -182,24 +182,23 @@
.drop-item { .drop-item {
height: 2px; height: 2px;
background: green; background: var(--spectrum-global-color-static-green-500);
z-index: 999; z-index: 999;
position: absolute; position: absolute;
top: calc(var(--indicatorY) - 1px); top: calc(var(--indicatorY) - 1px);
left: var(--indicatorX); left: var(--indicatorX);
width: 100px; width: 100px;
border-radius: 4px;
} }
.drop-item.above { .drop-item.above {
background: red;
} }
.drop-item.below { .drop-item.below {
background: blue;
margin-top: 32px; margin-top: 32px;
} }
.drop-item.inside { .drop-item.inside {
background: transparent; background: transparent;
border: 2px solid green; border: 2px solid var(--spectrum-global-color-static-green-500);
height: 32px; height: 29px;
pointer-events: none; pointer-events: none;
} }
</style> </style>