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

lint

This commit is contained in:
Martin McKeaveney 2024-11-26 16:33:31 +00:00
parent a0de07e1b9
commit 21b6853cee
5 changed files with 63 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte
View File

@ -3,7 +3,6 @@
ModalContent, ModalContent,
Layout, Layout,
Detail, Detail,
Body,
Icon, Icon,
notifications, notifications,
Tags, Tags,

3
packages/builder/src/components/automation/AutomationBuilder/FlowChart/BranchNode.svelte
View File

@ -8,8 +8,6 @@
Layout, Layout,
Body, Body,
Divider, Divider,
TooltipPosition,
TooltipType,
Button, Button,
Modal, Modal,
ModalContent, ModalContent,
@ -29,7 +27,6 @@
export let pathTo export let pathTo
export let branchIdx export let branchIdx
export let step export let step
export let isLast
export let bindings export let bindings
export let automation export let automation

126
packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte
View File

@ -193,72 +193,72 @@
class:selected class:selected
class:draggable class:draggable
> >
<div class="wrap"> <div class="wrap">
{#if $view.dragging && selected} {#if $view.dragging && selected}
<div class="drag-placeholder" style={placeholderDims} /> <div class="drag-placeholder" style={placeholderDims} />
{/if}
<div
bind:this={blockEle}
class="block-content"
class:dragging={$view.dragging && selected}
style={positionStyles}
on:mousedown={e => {
e.stopPropagation()
}}
>
{#if draggable}
<div
class="handle"
class:grabbing={selected}
on:mousedown={onHandleMouseDown}
>
<DragHandle />
</div>
{/if} {/if}
<div class="block-core">
{#if loopBlock}
<div class="blockSection">
<div
on:click={() => {
showLooping = !showLooping
}}
class="splitHeader"
>
<div class="center-items">
<div class="icon-background-loop">
<svg
width="20px"
height="20px"
class="spectrum-Icon"
style="color:#000000;"
focusable="false"
>
<use xlink:href="#spectrum-icon-18-Reuse" />
</svg>
</div>
<div class="iconAlign">
<p class="label">Looping</p>
</div>
</div>
<div class="blockTitle"> <div
<AbsTooltip type="negative" text="Remove looping"> bind:this={blockEle}
<Icon class="block-content"
on:click={removeLooping} class:dragging={$view.dragging && selected}
hoverable style={positionStyles}
name="DeleteOutline" on:mousedown={e => {
/> e.stopPropagation()
</AbsTooltip> }}
<div on:click={() => {}}> >
<Icon {#if draggable}
hoverable <div
name={showLooping ? "ChevronRight" : "ChevronDown"} class="handle"
/> class:grabbing={selected}
</div> on:mousedown={onHandleMouseDown}
>
<DragHandle />
</div> </div>
</div> {/if}
</div> <div class="block-core">
{#if loopBlock}
<div class="blockSection">
<div
on:click={() => {
showLooping = !showLooping
}}
class="splitHeader"
>
<div class="center-items">
<div class="icon-background-loop">
<svg
width="20px"
height="20px"
class="spectrum-Icon"
style="color:#000000;"
focusable="false"
>
<use xlink:href="#spectrum-icon-18-Reuse" />
</svg>
</div>
<div class="iconAlign">
<p class="label">Looping</p>
</div>
</div>
<div class="blockTitle">
<AbsTooltip type="negative" text="Remove looping">
<Icon
on:click={removeLooping}
hoverable
name="DeleteOutline"
/>
</AbsTooltip>
<div on:click={() => {}}>
<Icon
hoverable
name={showLooping ? "ChevronRight" : "ChevronDown"}
/>
</div>
</div>
</div>
</div>
<Divider noMargin /> <Divider noMargin />
{#if !showLooping} {#if !showLooping}

21
packages/builder/src/components/automation/AutomationPanel/CreateAutomationModal.svelte
View File

@ -111,27 +111,11 @@
box-sizing: border-box; box-sizing: border-box;
border-width: 1px; border-width: 1px;
} }
.item p {
font-size: 16px !important;
margin: 0;
color: var(--spectrum-global-color-gray-900);
}
.item:not(.disabled):hover, .item:not(.disabled):hover,
.selected { .selected {
background: var(--spectrum-alias-background-color-tertiary); background: var(--spectrum-alias-background-color-tertiary);
} }
.disabled {
background: var(--spectrum-global-color-gray-200);
opacity: 0.5;
}
.disabled :global(.spectrum-Body) {
color: var(--spectrum-global-color-gray-600);
}
.tag-color :global(.spectrum-Tags-item) {
background: var(--spectrum-global-color-gray-200);
}
.icon-background-trigger { .icon-background-trigger {
background-color: #ffd230; background-color: #ffd230;
/*background-color: #6afdef;*/ /*background-color: #6afdef;*/
@ -146,9 +130,4 @@
div:has(svg) { div:has(svg) {
color: black; color: black;
} }
img {
border-radius: 6px;
padding: 2px;
}
</style> </style>

4
packages/builder/src/components/automation/SetupPanel/PropField.svelte
View File

@ -50,8 +50,4 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.prop-field.fullWidth .prop-control {
margin-left: 0px;
}
</style> </style>