diff --git a/src/tiptap.js b/src/tiptap.js index 69cd0a7..856940f 100644 --- a/src/tiptap.js +++ b/src/tiptap.js @@ -39,6 +39,8 @@ class Pattern extends BasePattern { current_modal = null; // reference to currently open modal dialog async init() { + import("./tiptap.scss"); + // Constructor this.toolbar_el = null; diff --git a/src/tiptap.scss b/src/tiptap.scss new file mode 100644 index 0000000..160f326 --- /dev/null +++ b/src/tiptap.scss @@ -0,0 +1,23 @@ +.tiptap { + table { + td, + th { + position: relative; + > * { + margin-bottom: 0; + } + } + .column-resize-handle { + background-color: #adf; + bottom: -2px; + position: absolute; + right: -2px; + pointer-events: none; + top: 0; + width: 4px; + } + } +} +.resize-cursor { + cursor: col-resize; +} diff --git a/src/toolbar.js b/src/toolbar.js index 75b57c6..12e2e93 100644 --- a/src/toolbar.js +++ b/src/toolbar.js @@ -140,7 +140,7 @@ export async function init_extensions({ app }) { ) { extensions.push( (await import("@tiptap/extension-table")).default.configure({ - resizable: false, + resizable: true, }) ); extensions.push((await import("@tiptap/extension-table-cell")).default);