@seafile/sdoc-editor 2.0.129 → 2.0.130

package/dist/editor/sdoc-editor.js

@@ -288,7 +288,8 @@ var SdocEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       updateSlateValue: onValueChange,
       showComment: false
     })), isShowHeaderToolbar && /*#__PURE__*/_react["default"].createElement(_extension.HeaderToolbar, {
-      editor: validEditor
+      editor: validEditor,
+      isEdit: isEdit
     }))), /*#__PURE__*/_react["default"].createElement(_insertElementDialog["default"], {
       editor: validEditor
     }));

package/dist/extension/toolbar/header-toolbar/index.js

@@ -26,10 +26,11 @@ var _insertToolbar = _interopRequireDefault(require("./insert-toolbar"));
 var HeaderToolbar = function HeaderToolbar(_ref) {
   var editor = _ref.editor,
     _ref$readonly = _ref.readonly,
-    readonly = _ref$readonly === void 0 ? false : _ref$readonly;
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
+    isEdit = _ref.isEdit;
   (0, _useSelectionUpdate["default"])();
   var isSelectTableCell = (0, _core.getSelectedNodeByType)(editor, _constants.TABLE_CELL);
-  if (_commonUtils.isMobile) {
+  if (_commonUtils.isMobile && isEdit) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "sdoc-editor-toolbar"
     }, /*#__PURE__*/_react["default"].createElement(_commons.MenuGroup, null, /*#__PURE__*/_react["default"].createElement(_historyMenu["default"], {

package/dist/right-panel/index.css

@@ -5,9 +5,7 @@
   min-width: 360px;
   position: relative;
   right: 0;
-  transform: translate(100%);
-  opacity: 0;
-  transition: transform .3s, opacity .3s;
+  animation: rightdrawer .3s 1ms;
 }
 
 .sdoc-content-right-panel-wrapper .sdoc-content-right-panel {
@@ -17,7 +15,12 @@
   border-left: 1px solid #d8d8d8;
 }
 
-.sdoc-content-right-panel-wrapper.with-comment {
-  transform: translate(0);
-  opacity: 1;
+@keyframes rightdrawer {
+  0% {
+    transform: translate(100%);
+  }
+
+  100% {
+    transform: translate(0);
+  }
 }

package/dist/right-panel/index.js

@@ -60,17 +60,12 @@ var RightPanel = function RightPanel(_ref) {
   (0, _react.useEffect)(function () {
     var isShowGlobalComments = displayPluginName === 'sdoc-comment' ? true : false;
     var commentBox = document.querySelector('.sdoc-content-right-panel-wrapper');
-    if (isShowGlobalComments) {
-      var editorEl = document.querySelector('#sdoc-scroll-container');
-      commentBox === null || commentBox === void 0 ? void 0 : commentBox.classList.add('with-comment');
-      var commentWidth = commentBox === null || commentBox === void 0 ? void 0 : commentBox.offsetWidth;
-      editorEl.scrollTo({
-        left: commentWidth + 36,
-        behavior: 'smooth'
-      });
-    } else {
-      commentBox === null || commentBox === void 0 ? void 0 : commentBox.classList.remove('with-comment');
-    }
+    var editorEl = document.querySelector('#sdoc-scroll-container');
+    var commentWidth = commentBox === null || commentBox === void 0 ? void 0 : commentBox.offsetWidth;
+    editorEl.scrollTo({
+      left: commentWidth + 36,
+      behavior: 'smooth'
+    });
     var settings = _localStorageUtils["default"].getItem(_constants.SDOC_STORAGE) || {};
     _localStorageUtils["default"].setItem(_constants.SDOC_STORAGE, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, settings), {}, {
       isShowGlobalComments: isShowGlobalComments

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.129",
+  "version": "2.0.130",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d4277b37800557c3a6e7004f5d81d1c9c404959"
+  "gitHead": "10b0c1c64b87fea3d83594109d061393c24d66a8"
 }