CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-04 03:54:37 +13:00
Code Issues Projects Releases Wiki Activity

Add error border when rich text field fails validation

Browse source
This commit is contained in:
Andrew Kingston 2022-02-03 14:08:30 +00:00
parent 51801bf2d0
commit 46ad1dc2c4
1 changed files with 27 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/bbui/src/Form/Core/RichTextField.svelte
View file

@ -10,6 +10,7 @@
export let fullScreenOffset = 0 export let fullScreenOffset = 0
</script> </script>
<div class:error>
<MarkdownEditor <MarkdownEditor
{value} {value}
{placeholder} {placeholder}
@ -18,3 +19,21 @@
{fullScreenOffset} {fullScreenOffset}
on:change 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>