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

Add error border when rich text field fails validation

This commit is contained in:
Andrew Kingston 2022-02-03 14:08:30 +00:00
parent b84ec36271
commit 0005b05829
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
packages/bbui/src/Form/Core/RichTextField.svelte
View File

@ -10,11 +10,30 @@
export let fullScreenOffset = 0 export let fullScreenOffset = 0
</script> </script>
<MarkdownEditor <div class:error>
{value} <MarkdownEditor
{placeholder} {value}
{height} {placeholder}
{id} {height}
{fullScreenOffset} {id}
on:change {fullScreenOffset}
/> on:change
/>
</div>
<style>
.error :global(.EasyMDEContainer .editor-toolbar) {
border-top-color: var(--spectrum-semantic-negative-color-default);
border-left-color: var(--spectrum-semantic-negative-color-default);
border-right-color: var(--spectrum-semantic-negative-color-default);
}
.error :global(.EasyMDEContainer .CodeMirror) {
border-bottom-color: var(--spectrum-semantic-negative-color-default);
border-left-color: var(--spectrum-semantic-negative-color-default);
border-right-color: var(--spectrum-semantic-negative-color-default);
}
.error :global(.EasyMDEContainer .editor-preview-side) {
border-bottom-color: var(--spectrum-semantic-negative-color-default);
border-right-color: var(--spectrum-semantic-negative-color-default);
}
</style>