CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-01 09:38:55 +13:00
Code Issues Projects Releases Wiki Activity

editor styling

Browse source
This commit is contained in:
Martin McKeaveney 2021-05-10 12:06:31 +01:00
parent 1b1d45756b
commit a207137c92
4 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/bbui/src/Typography/Body.svelte
View file

@ -9,12 +9,16 @@
<p <p
class:noPadding class:noPadding
class="spectrum-Body spectrum-Body--size{size}" class="spectrum-Body spectrum-Body--size{size}"
class:spectrum-Body--serif={serif} class:spectrum-Body--serif={serif}>
>
<slot /> <slot />
</p> </p>
<style> <style>
p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.noPadding { .noPadding {
padding: 0; padding: 0;
margin: 0; margin: 0;

4
packages/builder/src/components/integration/QueryEditor.svelte
View file

@ -117,7 +117,7 @@
readOnly, readOnly,
autoCloseBrackets: true, autoCloseBrackets: true,
autoCloseTags: true, autoCloseTags: true,
theme: $themeStore.darkMode ? THEMES.DARK : THEMES.LIGHT, theme: THEMES.DARK,
} }
if (!tab) if (!tab)
@ -132,7 +132,7 @@
if (destroyed) return if (destroyed) return
CodeMirror.commands.autocomplete = function (cm) { CodeMirror.commands.autocomplete = function(cm) {
CodeMirror.showHint(cm, CodeMirror.hint.javascript) CodeMirror.showHint(cm, CodeMirror.hint.javascript)
} }

7
packages/builder/src/pages/app/portal/_layout.svelte
View file

@ -89,7 +89,7 @@
<MenuItem icon="LogOut" on:click={auth.logout}>Log out</MenuItem> <MenuItem icon="LogOut" on:click={auth.logout}>Log out</MenuItem>
</ActionMenu> </ActionMenu>
</div> </div>
<div> <div class="content">
<slot /> <slot />
</div> </div>
</div> </div>
@ -156,4 +156,9 @@
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: 500; font-weight: 500;
} }
.content {
height: 100vh;
overflow-y: auto;
}
</style> </style>

10
packages/builder/src/pages/app/portal/email/index.svelte
View file

@ -13,6 +13,7 @@
Select, Select,
} from "@budibase/bbui" } from "@budibase/bbui"
import { onMount } from "svelte" import { onMount } from "svelte"
import Editor from "components/integration/QueryEditor.svelte"
import api from "builderStore/api" import api from "builderStore/api"
const ConfigTypes = { const ConfigTypes = {
@ -156,7 +157,14 @@
<Button cta on:click={saveTemplate}>Save</Button> <Button cta on:click={saveTemplate}>Save</Button>
</div> </div>
{#if selectedTemplate} {#if selectedTemplate}
<TextArea bind:value={selectedTemplate.contents} /> {#key templateIdx}
<Editor
mode="handlebars"
on:change={e => {
selectedTemplate.contents = e.detail.value
}}
value={selectedTemplate.contents} />
{/key}
{/if} {/if}
</div> </div>
{/if} {/if}