@seafile/sdoc-editor 0.5.31 → 0.5.33

package/dist/basic-sdk/assets/css/layout.css

@@ -120,6 +120,7 @@
   border-top: 1px solid #e5e6e8;
   z-index: 102;
   margin: 0 8px;
+  margin-top: 5px;
 }
 
 .sdoc-comment-editor-menu-group {

package/dist/basic-sdk/comment/components/comment-list.css

@@ -1,3 +1,7 @@
+.sdoc-article-container .sdoc-comment-list-container {
+  width: 312px;
+}
+
 .sdoc-comment-list-container {
   position: absolute;
 }

package/dist/basic-sdk/comment/components/global-comment/index.css

@@ -1,18 +1,17 @@
 .sdoc-comment-drawer {
   position: relative;
+  width: 360px;
   min-width: 360px;
   max-width: 620px;
-  z-index: 103;
+  border-left: 1px solid #e2e3e6;
 }
 
 .sdoc-comment-drawer .comments-panel-wrapper {
-  /* 100vh - toolbar height - scroll height */
-  height: calc(100vh - 100px - 2px);
+  /* 100vh - toolbar height*/
+  height: calc(100vh - 93px);
   display: flex;
-  position: relative;
   flex-direction: column;
   background: #fff;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
 }
 
 .sdoc-comment-drawer .sdoc-comment-resize-handler {
@@ -73,7 +72,6 @@
   display: flex;
   flex-direction: column;
   min-height: 0;
-  position: relative;
   background-color: #F5F5F5;
 }
 

package/dist/basic-sdk/editor/comment-article.js

@@ -2,6 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useMemo } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
 import { Editor, Node, Range } from '@seafile/slate';
+import scrollIntoView from 'scroll-into-view-if-needed';
 import { renderLeaf } from '../extension';
 import EventProxy from '../utils/event-handler';
 import { useCursors } from '../cursor/use-cursors';
@@ -49,8 +50,8 @@ const CommentArticle = _ref => {
       const focusedNode = Node.get(editor, selection.focus.path);
       const domNode = ReactEditor.toDOMNode(editor, focusedNode);
       if (!domNode) return;
-      domNode.scrollIntoView({
-        block: 'nearest'
+      scrollIntoView(domNode, {
+        'scrollMode': 'if-needed'
       });
     } catch (error) {
       //

package/dist/basic-sdk/editor/editable-article.js

@@ -1,6 +1,7 @@
 import React, { useCallback, useMemo, Fragment } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
 import { Editor, Node, Range } from '@seafile/slate';
+import scrollIntoView from 'scroll-into-view-if-needed';
 import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from '../extension';
 import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from '../extension/core';
 import EventProxy from '../utils/event-handler';
@@ -154,8 +155,8 @@ const EditableArticle = _ref => {
       const focusedNode = Node.get(editor, selection.focus.path);
       const domNode = ReactEditor.toDOMNode(editor, focusedNode);
       if (!domNode) return;
-      domNode.scrollIntoView({
-        block: 'nearest'
+      scrollIntoView(domNode, {
+        'scrollMode': 'if-needed'
       });
     } catch (error) {
       //

package/dist/basic-sdk/extension/plugins/list/plugin/shortcut.js

@@ -40,7 +40,7 @@ export const handleShortcut = (editor, text) => {
     });
     setListType(editor, ORDERED_LIST);
     focusEditor(editor);
-    return;
+    return true;
   }
   // Record the order number of the shortcut that will be inserted as a list item
   const shortcutOrderNum = parseInt(matchResult[0].slice(0, -1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.5.31",
+  "version": "0.5.33",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",