1
0
Fork 0
mirror of synced 2024-06-17 01:44:53 +12:00

missed files that were not commited on friday

This commit is contained in:
Keviin Åberg Kultalahti 2021-06-14 07:34:42 +02:00
parent 59b84a4d08
commit 7566a84aeb
5 changed files with 56 additions and 29 deletions

View file

@ -153,16 +153,6 @@
color: var(--ink);
}
.available-action {
padding: var(--spacing-s);
font-size: var(--font-size-s);
cursor: pointer;
}
.available-action:hover {
background: var(--grey-2);
}
.action-container {
border-bottom: 1px solid var(--grey-1);
display: flex;
@ -171,9 +161,4 @@
.action-container:last-child {
border-bottom: none;
}
i:hover {
color: var(--red);
cursor: pointer;
}
</style>

View file

@ -0,0 +1,40 @@
<script>
import { ActionButton } from "@budibase/bbui"
import { flip } from "svelte/animate"
import { dndzone } from "svelte-dnd-action"
let flipDurationMs = 150
// This should be the screens and any external links the user has added
let items = [
{ text: "Test", id: 0 },
{ text: "First", id: 1 },
{ text: "Second", id: 2 },
]
</script>
<div class="container">
<ul
use:dndzone={{
items,
flipDurationMs,
dropTargetStyle: { outline: "none" },
}}
>
{#each items as item (item)}
<li animate:flip={{ duration: flipDurationMs }}>{item}</li>
{/each}
</ul>
<ActionButton icon="Add">Add External Link</ActionButton>
</div>
<style>
.container {
display: grid;
}
ul {
display: grid;
grid-template-columns: 1fr;
list-style-type: none;
}
</style>

View file

@ -15,7 +15,8 @@
import FieldSelect from "./PropertyControls/FieldSelect.svelte"
import MultiFieldSelect from "./PropertyControls/MultiFieldSelect.svelte"
import SchemaSelect from "./PropertyControls/SchemaSelect.svelte"
import ModalSelect from "./PropertyControls/ModalSelect.svelte"
import SectionSelect from "./PropertyControls/SectionSelect.svelte"
import NavigationSelect from "./PropertyControls/NavigationSelect.svelte"
import EventsEditor from "./PropertyControls/EventsEditor"
import FilterEditor from "./PropertyControls/FilterEditor/FilterEditor.svelte"
import { IconSelect } from "./PropertyControls/IconSelect"
@ -70,7 +71,8 @@
field: FieldSelect,
multifield: MultiFieldSelect,
schema: SchemaSelect,
modal: ModalSelect,
section: SectionSelect,
navigationSelect: NavigationSelect,
filter: FilterEditor,
"field/string": StringFieldSelect,
"field/number": NumberFieldSelect,

View file

@ -1,14 +1,4 @@
{
"container": {
"name": "Container",
"description": "This component contains things within itself",
"icon": "Sandbox",
"hasChildren": true,
"styleable": true,
"transitionable": true,
"illegalChildren": ["Section"],
"settings": []
},
"layout": {
"name": "Layout",
"description": "This component is specific only to layouts",
@ -48,12 +38,22 @@
"defaultValue": "Top"
},
{
"type": "select",
"type": "navigationSelect",
"label": "Links",
"key": "type"
}
]
},
"container": {
"name": "Container",
"description": "This component contains things within itself",
"icon": "Sandbox",
"hasChildren": true,
"styleable": true,
"transitionable": true,
"illegalChildren": ["Section"],
"settings": []
},
"section": {
"name": "Section",
"description": "Add a section to your application",
@ -64,7 +64,7 @@
"illegalChildren": ["Section"],
"settings": [
{
"type": "modal",
"type": "section",
"label": "Type",
"key": "type",
"options": ["mainSidebar", "sidebarMain", "twoColumns", "threeColumns"],