diff --git a/src/lib/Editor.svelte b/src/lib/Editor.svelte index 85c67d6..1d7d90d 100644 --- a/src/lib/Editor.svelte +++ b/src/lib/Editor.svelte @@ -443,6 +443,10 @@ background-color: var(--input); } + .pm-editor :global(.code-wrap .CodeMirror-gutters) { + background-color: transparent; + } + .pm-editor :global(.code-wrap.no-toolbar .CodeMirror) { border-radius: 20px; } diff --git a/src/lib/plugins/marks-tooltip/LinkSelector/LinkSelector.svelte b/src/lib/plugins/marks-tooltip/LinkSelector/LinkSelector.svelte index 7e593aa..f794473 100644 --- a/src/lib/plugins/marks-tooltip/LinkSelector/LinkSelector.svelte +++ b/src/lib/plugins/marks-tooltip/LinkSelector/LinkSelector.svelte @@ -2,10 +2,7 @@ import { Modal, TabNav, TabNavItem } from '@hyvor/design/components'; import IconHash from '@hyvor/icons/IconHash'; import IconLink45deg from '@hyvor/icons/IconLink45deg'; - import IconSearch from '@hyvor/icons/IconSearch'; - import Paste from './Paste.svelte'; - import SearchPosts from './SearchPosts.svelte'; import type { EditorView } from 'prosemirror-view'; import { toggleMark } from 'prosemirror-commands'; import { TextSelection } from 'prosemirror-state'; @@ -14,15 +11,18 @@ interface Props { show: boolean; view: EditorView; - edit?: null | string; + edit?: string; } - let { show = $bindable(), view, edit = null }: Props = $props(); + let { show = $bindable(), view, edit }: Props = $props(); + + let inputValue = $state(edit ?? ''); + let isEditing = !!edit; let activeTab: 'paste' | 'anchors' | 'posts' = $state('paste'); function handleAdd(e: CustomEvent) { - if (edit) { + if (isEditing) { // remove the link toggleMark(view.state.schema.marks.link!)(view.state, view.dispatch); } @@ -30,8 +30,8 @@ toggleMark(view.state.schema.marks.link!, { href: e.detail })(view.state, view.dispatch); show = false; view.focus(); - - if (!edit) focusAtLinkEnd(); +0 + if (!isEditing) focusAtLinkEnd(); } function focusAtLinkEnd() { @@ -57,20 +57,20 @@ {/snippet} Anchors - + {/snippet} {#if activeTab === 'paste'} - + {:else if activeTab === 'anchors'} - {:else if activeTab === 'posts'} - + {/if} diff --git a/src/lib/plugins/marks-tooltip/MarksTooltip.svelte b/src/lib/plugins/marks-tooltip/MarksTooltip.svelte index 900aa4c..eb391d4 100644 --- a/src/lib/plugins/marks-tooltip/MarksTooltip.svelte +++ b/src/lib/plugins/marks-tooltip/MarksTooltip.svelte @@ -195,7 +195,7 @@ {/key} {#if linkSelectorOpen} - + {/if}