@seafile/sdoc-editor 2.0.65 → 2.0.67

package/dist/components/doc-operations/revision-operations/revisions/index.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
+var _basicSdk = require("../../../../basic-sdk");
+var _constants = require("../../../../constants");
 var _context = _interopRequireDefault(require("../../../../context"));
-var _revisionsDialog = _interopRequireDefault(require("./revisions-dialog"));
 var _utils = require("../../../../utils");
 var _toast = _interopRequireDefault(require("../../../toast"));
-var _basicSdk = require("../../../../basic-sdk");
-var _constants = require("../../../../constants");
+var _revisionsDialog = _interopRequireDefault(require("./revisions-dialog"));
 require("./index.css");
 const Revisions = () => {
   const eventBus = _basicSdk.EventBus.getInstance();

package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/index.js

@@ -10,17 +10,17 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _commonLoading = _interopRequireDefault(require("../../../../common-loading"));
+var _mouseEvent = require("../../../../../basic-sdk/utils/mouse-event");
+var _constants = require("../../../../../constants");
 var _context = _interopRequireDefault(require("../../../../../context"));
 var _model = require("../../../../../model");
 var _utils = require("../../../../../utils");
+var _commonLoading = _interopRequireDefault(require("../../../../common-loading"));
+var _modalHeader = _interopRequireDefault(require("../../../../modal-header"));
+var _tipDialog = _interopRequireDefault(require("../../../../tip-dialog"));
 var _toast = _interopRequireDefault(require("../../../../toast"));
 var _revisionOperation = _interopRequireDefault(require("./revision-operation"));
-var _mouseEvent = require("../../../../../basic-sdk/utils/mouse-event");
-var _tipDialog = _interopRequireDefault(require("../../../../tip-dialog"));
-var _modalHeader = _interopRequireDefault(require("../../../../modal-header"));
 require("./index.css");
-var _constants = require("../../../../../constants");
 const RevisionsDialog = _ref => {
   var _revisionListRef$curr;
   let {

package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/revision-operation/index.css

@@ -1,3 +1,17 @@
+.sdoc-revision-operation-toggle-container {
+  height: 24px;
+  width: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+}
+
+.sdoc-revision-operation-toggle-container:hover {
+  background-color: #E5E5E5;
+  cursor: pointer;
+}
+
 .sdoc-revision-operation-toggle {
   display: none;
   font-size: 16px;

package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/revision-operation/index.js

@@ -34,7 +34,9 @@ const RevisionOperation = _ref => {
     popoverRef.current.toggle();
   }, [onDeleteOtherRevision]);
   if (!isActive && !isOperating) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-revision-operation-toggle-container"
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-more sdoc-revision-operation-toggle",
     id: targetId
   }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {

package/dist/components/doc-operations/revision-operations/view-changes/index.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
+var _constants = require("../../../../basic-sdk/constants");
 var _switch = _interopRequireDefault(require("../../../switch"));
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
-var _constants = require("../../../../basic-sdk/constants");
 require("./index.css");
 const ViewChanges = _ref => {
   let {

package/dist/components/doc-operations/share-operation/index.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = ShareOperation;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _tooltip = _interopRequireDefault(require("../../tooltip"));
 var _basicSdk = require("../../../basic-sdk");
 var _constants = require("../../../constants");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 function ShareOperation() {
   const {
     t

package/dist/components/tip-dialog/index.js

@@ -10,9 +10,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _contentReplaced = _interopRequireDefault(require("../../assets/images/content-replaced.png"));
 var _constants = require("../../constants");
 var _commonLoading = _interopRequireDefault(require("../common-loading"));
-var _contentReplaced = _interopRequireDefault(require("../../assets/images/content-replaced.png"));
 var _modalHeader = _interopRequireDefault(require("../modal-header"));
 require("./index.css");
 const NOT_CLOSE_DIALOG_TIP_TYPE = [_constants.TIP_TYPE.HAS_BEEN_REPLACED, _constants.TIP_TYPE.HAS_BEEN_PUBLISHED, _constants.TIP_TYPE.CHECKING, _constants.TIP_TYPE.PUBLISHING];

package/dist/hooks/use-plugins.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePlugins = exports.PluginsProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../basic-sdk/constants");
 var _comment = _interopRequireDefault(require("../basic-sdk/comment"));
 var _commentOperation = _interopRequireDefault(require("../basic-sdk/comment/components/comment-operation"));
+var _constants = require("../basic-sdk/constants");
 const PluginsContext = /*#__PURE__*/_react.default.createContext(null);
 const PluginsProvider = _ref => {
   let {

package/dist/index.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "DocInfo", {
 Object.defineProperty(exports, "DocumentPluginEditor", {
   enumerable: true,
   get: function () {
-    return _documentPluginEditor.default;
+    return _pluginModule.default;
   }
 });
 Object.defineProperty(exports, "EXTERNAL_EVENT", {
@@ -71,12 +71,12 @@ Object.defineProperty(exports, "WikiViewer", {
   }
 });
 var _basicSdk = require("./basic-sdk");
+var _docInfo = _interopRequireDefault(require("./components/doc-info"));
 var _constants = require("./constants");
-var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
-var _simpleViewer = _interopRequireDefault(require("./pages/simple-viewer"));
 var _diffViewer = _interopRequireDefault(require("./pages/diff-viewer"));
 var _publishedRevisionViewer = _interopRequireDefault(require("./pages/published-revision-viewer"));
-var _wikiViewer = _interopRequireDefault(require("./pages/wiki-viewer"));
 var _sdocWikiEditor = _interopRequireDefault(require("./pages/sdoc-wiki-editor"));
-var _documentPluginEditor = _interopRequireDefault(require("./pages/document-plugin-editor"));
-var _docInfo = _interopRequireDefault(require("./components/doc-info"));
+var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
+var _simpleViewer = _interopRequireDefault(require("./pages/simple-viewer"));
+var _wikiViewer = _interopRequireDefault(require("./pages/wiki-viewer"));
+var _pluginModule = _interopRequireDefault(require("./plugin-module"));

package/dist/layout/index.js

@@ -17,8 +17,8 @@ Object.defineProperty(exports, "Header", {
   }
 });
 exports.default = void 0;
-var _layout = _interopRequireDefault(require("./layout"));
-var _header = _interopRequireDefault(require("./header"));
 var _content = _interopRequireDefault(require("./content"));
+var _header = _interopRequireDefault(require("./header"));
+var _layout = _interopRequireDefault(require("./layout"));
 require("./layout.css");
 var _default = exports.default = _layout.default;

package/dist/model/index.js

@@ -22,6 +22,6 @@ Object.defineProperty(exports, "User", {
     return _user.default;
   }
 });
+var _notification = _interopRequireDefault(require("./notification"));
 var _revision = _interopRequireDefault(require("./revision"));
-var _user = _interopRequireDefault(require("./user"));
-var _notification = _interopRequireDefault(require("./notification"));
+var _user = _interopRequireDefault(require("./user"));

package/dist/pages/document-plugin-editor.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _context = _interopRequireDefault(require("../context"));
 var _basicSdk = require("../basic-sdk");
 var _constants = require("../basic-sdk/constants");
 var _extension = require("../basic-sdk/extension");
-var _nodeId = _interopRequireDefault(require("../basic-sdk/node-id"));
-var _socket = require("../basic-sdk/socket");
 var _plugins = require("../basic-sdk/extension/plugins");
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 var _useForceUpdate = _interopRequireDefault(require("../basic-sdk/hooks/use-force-update"));
+var _nodeId = _interopRequireDefault(require("../basic-sdk/node-id"));
+var _socket = require("../basic-sdk/socket");
+var _context = _interopRequireDefault(require("../context"));
 var _hooks = require("../hooks");
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 require("../assets/css/simple-editor.css");
 require("../assets/css/plugin-editor.css");
 const DocumentPluginEditor = _ref => {

package/dist/pages/error-page.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
 var _context = _interopRequireDefault(require("../context"));
 require("../assets/css/error-page.css");
 function ErrorPage(_ref) {

package/dist/pages/published-revision-viewer.js

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _loading = _interopRequireDefault(require("../components/loading"));
+var _basicSdk = require("../basic-sdk");
 var _docInfo = _interopRequireDefault(require("../components/doc-info"));
 var _docOperations = _interopRequireDefault(require("../components/doc-operations"));
-var _layout = _interopRequireWildcard(require("../layout"));
+var _loading = _interopRequireDefault(require("../components/loading"));
 var _context = _interopRequireDefault(require("../context"));
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
-var _basicSdk = require("../basic-sdk");
+var _layout = _interopRequireWildcard(require("../layout"));
 var _utils = require("../utils");
 var _formatSdocContent = require("../utils/format-sdoc-content");
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 require("../assets/css/simple-editor.css");
 const PublishedRevisionViewer = () => {
   _context.default.initApi();

package/dist/pages/sdoc-wiki-editor.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _context = _interopRequireDefault(require("../context"));
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 var _constants = require("../basic-sdk/constants");
+var _wikiEditor = _interopRequireDefault(require("../basic-sdk/editor/wiki-editor"));
 var _extension = require("../basic-sdk/extension");
 var _nodeId = _interopRequireDefault(require("../basic-sdk/node-id"));
 var _socket = require("../basic-sdk/socket");
-var _wikiEditor = _interopRequireDefault(require("../basic-sdk/editor/wiki-editor"));
+var _context = _interopRequireDefault(require("../context"));
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 require("../assets/css/simple-viewer.css");
 const SdocWikiEditor = _ref => {
   let {

package/dist/pages/simple-editor.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _loading = _interopRequireDefault(require("../components/loading"));
+var _basicSdk = require("../basic-sdk");
+var _views = require("../basic-sdk/views");
 var _docInfo = _interopRequireDefault(require("../components/doc-info"));
 var _docOperations = _interopRequireDefault(require("../components/doc-operations"));
-var _layout = _interopRequireWildcard(require("../layout"));
+var _loading = _interopRequireDefault(require("../components/loading"));
 var _context = _interopRequireDefault(require("../context"));
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
-var _basicSdk = require("../basic-sdk");
-var _views = require("../basic-sdk/views");
 var _hooks = require("../hooks");
+var _layout = _interopRequireWildcard(require("../layout"));
 var _utils = require("../utils");
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 require("../assets/css/simple-editor.css");
 const SimpleEditor = _ref => {
   let {

package/dist/pages/simple-viewer.js

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
-var _context = _interopRequireDefault(require("../context"));
 var _loading = _interopRequireDefault(require("../components/loading"));
+var _context = _interopRequireDefault(require("../context"));
 var _layout = _interopRequireWildcard(require("../layout"));
 var _utils = require("../utils");
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));

package/dist/pages/wiki-viewer.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _basicSdk = require("../basic-sdk");
 var _context = _interopRequireDefault(require("../context"));
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
-var _basicSdk = require("../basic-sdk");
 require("../assets/css/simple-viewer.css");
 const WikiViewer = _ref => {
   let {

package/dist/plugin-module/assets/css/default.css

@@ -0,0 +1,25 @@
+/* modify default css */
+.element-icon {
+  color: #444 !important;
+}
+
+.sdoc-icon-btn {
+  height: 24px;
+  width: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdoc-icon-btn:hover {
+  cursor: pointer;
+}
+
+.sdoc-icon-btn .sdocfont {
+  color: #999;
+  font-size: 16px;
+}
+
+.sdoc-icon-btn:hover .sdocfont {
+  color: #5a5a5a;
+}

package/dist/plugin-module/assets/css/dropdown-menu.css

@@ -0,0 +1,138 @@
+.sdoc-dropdown-menu,
+.sdoc-dropdown-menu .sdoc-dropdown-menu-container {
+  min-width: 12rem;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper {
+  position: absolute;
+  background-color: #ffff;
+  max-height: 370px;
+  max-width: 200px;
+  padding: 8px 0px;
+  left: -8px;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper {
+  padding: 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper>input {
+  font-size: 12px;
+  max-height: 30px;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-wrapper {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-divider {
+  width: 100%;
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item {
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-title {
+  color: #666666;
+  padding: 3px 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-title:hover {
+  background-color: unset !important;
+  cursor: initial !important;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-no-results {
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-hidden {
+  display: none;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled,
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled .sdoc-dropdown-item-content-icon {
+  color: #c2c2c2 !important;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item:hover {
+  background-color: rgb(245, 245, 245);
+  cursor: pointer;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled:hover {
+  background-color: unset;
+  cursor: default;
+  color: #c2c2c2;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdocfont {
+  font-size: 12px;
+  line-height: 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-dropdown-item-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  font-size: 14px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
+  margin-right: 10px;
+  vertical-align: 1px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-item-right-icon {
+  color: #999;
+  transform: scale(.8);
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-item-with-left-icon {
+  min-height: 32px;
+  padding: 3px 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-check-mark {
+  color: #798d99;
+  transform: scale(1);
+}
+
+/* sub menu */
+.sdoc-sub-dropdown-menu .popover {
+  left: -8px !important;
+}
+
+.sdoc-sub-dropdown-menu .bs-popover-auto[x-placement^="left"] {
+  left: 8px !important;
+}
+
+.mobile-login .sdoc-dropdown-menu {
+  padding: 0 !important;
+}
+
+.mobile-login .sdoc-dropdown-menu .sdoc-dropdown-menu-item {
+  padding: 16px !important;
+  height: 47px !important;
+}
+
+.mobile-login .sdoc-dropdown-menu .sdoc-operator-folder-divider {
+  margin: 0 !important;
+}

package/dist/plugin-module/assets/css/layout.css

@@ -0,0 +1,160 @@
+.sdoc-editor-container.fullscreen .sdoc-content-wrapper {
+  height: 100vh !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-article-container {
+  width: 100% !important;
+  padding: 0 !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-editor__article {
+  padding: calc(100vw / 794 * 40) calc(100vw / 794 * 60) !important;
+  font-size: calc(100vw / 794 * 14.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-checkbox-input {
+  width: calc(100vw / 794 * 13) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-code-block-pre {
+  font-size: calc(100vw / 794 * 13.3) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-title {
+  font-size: calc(100vw / 794 * 33.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-subtitle {
+  font-size: calc(100vw / 794 * 20) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-1 {
+  font-size: calc(100vw / 794 * 26.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-2 {
+  font-size: calc(100vw / 794 * 21.3) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-3 {
+  font-size: calc(100vw / 794 * 18.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-4 {
+  font-size: calc(100vw / 794 * 16) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-5,
+.sdoc-editor-container.fullscreen .sdoc-header-6 {
+  font-size: calc(100vw / 794 * 14.7) !important;
+}
+
+.sdoc-editor-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.sdoc-editor-container .sdoc-editor-toolbar {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  position: relative;
+  height: 44px;
+  align-items: center;
+  padding: 0 10px;
+  background-color: #fff;
+  user-select: none;
+  border-bottom: 1px solid #e5e6e8;
+  position: relative;
+  z-index: 102;
+}
+
+.sdoc-editor-container .sdoc-editor-toolbar .sdoc-editor-toolbar-right-menu {
+  display: flex;
+  flex-direction: row-reverse;
+  position: absolute;
+  right: 8px;
+  border-right: none;
+}
+
+.sdoc-content-wrapper {
+  width: 100%;
+  height: calc(100vh - 44px);
+  display: flex;
+}
+
+.sdoc-editor-container .sdoc-editor-content {
+  display: flex;
+  position: absolute;
+  min-width: 1100px;
+  width: 100%;
+}
+
+.sdoc-editor-container.mobile .sdoc-editor-content.readonly.no-outline {
+  min-width: 100% !important;
+  width: 100% !important;
+}
+
+.sdoc-editor-container .sdoc-scroll-container {
+  z-index: 100;
+  overflow: auto;
+  height: 100%;
+  position: relative;
+  flex: 1;
+  background: #f5f5f5;
+}
+
+.sdoc-editor-container .sdoc-article-container {
+  position: relative;
+  top: 0;
+  width: 794px;
+  margin: 0 auto;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+/* article style --> ./sdoc-editor-article.css */
+
+.sdoc-editor-container .seafile-block-container {
+  position: relative;
+}
+
+.sdoc-editor-container .seafile-block-container .comment-count {
+  position: absolute;
+  right: -55px;
+  top: 0px;
+  border-radius: 4px;
+  width: 15px;
+  height: 15px;
+  line-height: 18px;
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  background: rgba(0, 0, 0, .3);
+}
+
+.sdoc-editor-container .seafile-block-container .comment-count__btn {
+  font-size: 12px;
+  transform: scale(.75);
+}
+
+.sdoc-comment-editor-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 32px;
+  user-select: none;
+  border-top: 1px solid #e5e6e8;
+  z-index: 102;
+  margin: 0 8px;
+  margin-top: 5px;
+}
+
+.sdoc-comment-editor-menu-group {
+  border-right: none;
+  padding-left: 0 !important;
+}

package/dist/plugin-module/assets/css/sdoc-comment-editor-plugin.css

@@ -0,0 +1,19 @@
+/* List */
+.sdoc-editor-container .sdoc-comment-editor .list-container {
+  padding-left: 2em !important; 
+}
+
+.sdoc-comment-editor .list-container li p {
+  margin: 0 !important;
+}
+
+/* Paragraph */
+.sdoc-comment-editor .sdoc-comment-editor-paragraph {
+  margin: 0.8em 0 !important;
+  padding: 0 !important;
+}
+
+/* Image */
+.sdoc-comment-editor .sdoc-image-wrapper  {
+  padding: 1px !important;
+}

package/dist/plugin-module/assets/css/sdoc-editor-article.css

@@ -0,0 +1,29 @@
+.sdoc-editor__article {
+  width: 100%;
+  min-height: 800px;
+  padding: 40px 60px;
+  background-color: #fff;
+  border: 1px solid #e5e6e8;
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
+  font-size: 11pt;
+}
+
+.sdoc-editor__article>div {
+  caret-color: blue;
+}
+
+.sdoc-editor__article .sdoc-drag-cover::before {
+  content: ' ';
+  width: 59px;
+  display: inline-block;
+  position: absolute;
+  left: -60px;
+}
+
+.sdoc-editor__article .sdoc-draging {
+  border-bottom: 2px solid rgba(35, 131, 226);
+}
+
+.sdoc-editor__article .sdoc-code-block-pre {
+  font-size: 10pt;
+}