docs: remove position: relative from menu demos

This commit is contained in:
Philipp Kühn
2021-04-16 14:43:26 +02:00
parent a0ba4542ef
commit c4e0010656
6 changed files with 21 additions and 11 deletions

View File

@@ -16,7 +16,7 @@ export default () => {
})
return (
<div style={{ position: 'relative' }}>
<>
{editor && <BubbleMenu editor={editor}>
<button
onClick={() => editor.chain().focus().toggleBold().run()}
@@ -38,6 +38,6 @@ export default () => {
</button>
</BubbleMenu>}
<EditorContent editor={editor} />
</div>
</>
)
}

View File

@@ -1,5 +1,5 @@
<template>
<div style="position: relative">
<div>
<bubble-menu :editor="editor" v-if="editor">
<button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
bold

View File

@@ -17,7 +17,7 @@ export default () => {
})
return (
<div style={{ position: 'relative' }}>
<>
{editor && <FloatingMenu editor={editor}>
<button
onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
@@ -39,6 +39,6 @@ export default () => {
</button>
</FloatingMenu>}
<EditorContent editor={editor} />
</div>
</>
)
}

View File

@@ -1,5 +1,5 @@
<template>
<div style="position: relative">
<div>
<floating-menu :editor="editor" v-if="editor">
<button @click="editor.chain().focus().toggleHeading({ level: 1 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }">
h1