@seafile/sdoc-editor 3.0.100 → 3.0.101

package/dist/assets/css/sdoc-editor-plugins.css

@@ -275,13 +275,17 @@
 .sdoc-code-block-pre {
   background: #FAFAFA;
   border: 1px solid #f0f0f0;
-  position: relative;
 }
 
 .sdoc-editor__article .sdoc-code-block-pre {
   display: flex;
-  position: relative;
   overflow: auto;
+  padding-bottom: 48px;
+  position: unset;
+}
+
+.sdoc-editor__article .sdoc-code-block-pre.hidden {
+  max-height: 640px;
 }
 
 .sdoc-editor__article .sdoc-code-block-pre::after {
@@ -297,10 +301,6 @@
   flex-shrink: 0;
 }
 
-.sdoc-code-block-pre.hidden {
-  padding-bottom: 48px !important;
-}
-
 .sdoc-code-block-pre .sdoc-code-no-wrap {
   white-space: nowrap;
 }
@@ -309,14 +309,26 @@
   white-space: pre;
 }
 
+.sdoc-code-block-container .sdoc-code-block-hidden-icon-container {
+  width: 100%;
+  height: 48px;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  bottom: 0;
+  left: 0;
+}
+
+.sdoc-code-block-container .sdoc-code-block-hidden-icon-container.hidden {
+  background: linear-gradient(0deg, #F5F7fA 0, rgba(245, 247, 250, 0.8) 100%);
+}
+
 .sdoc-code-block-container .sdoc-code-block-hidden-icon {
   height: 32px;
   display: flex;
   justify-content: center;
   align-items: center;
-  position: absolute;
-  left: 48%;
-  bottom: 8px;
 }
 
 .sdoc-code-block-container .sdoc-code-block-hidden-icon .icon-container {
@@ -336,8 +348,8 @@
 }
 
 .sdoc-code-block-code.hide-code {
-  max-height: 580.2px;
   display: block;
+  height: 100%;
 }
 
 .sdoc-code-block-code .sdoc-code-line {

package/dist/extension/plugins/code-block/render-elem.js

@@ -167,15 +167,17 @@ var CodeBlock = function CodeBlock(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("pre", {
     onScroll: handleScroll,
     className: (0, _classnames["default"])('sdoc-code-block-pre', {
-      'hidden': isCodeBlockOverflow
+      'hidden': isCodeBlockOverflow && !showAllCode
     }),
     ref: codeBlockRef
   }, /*#__PURE__*/_react["default"].createElement("code", {
     ref: codeContentRef,
     className: "sdoc-code-block-code ".concat(white_space === 'nowrap' ? 'sdoc-code-no-wrap' : '', " ").concat(!showAllCode ? 'hide-code' : '')
-  }, children), !showAllCode && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-code-block-per-padding"
-  })), isCodeBlockOverflow && /*#__PURE__*/_react["default"].createElement("span", {
+  }, children), isCodeBlockOverflow && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('sdoc-code-block-hidden-icon-container', {
+      'hidden': !showAllCode
+    })
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "sdoc-code-block-hidden-icon",
     onClick: toggleHidden,
     contentEditable: false,
@@ -186,7 +188,7 @@ var CodeBlock = function CodeBlock(_ref) {
     className: "sdocfont sdoc-arrow-down arrow"
   }) : /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-up arrow"
-  }))), showHoverMenu && /*#__PURE__*/_react["default"].createElement(_hoverMenu["default"], {
+  }))))), showHoverMenu && /*#__PURE__*/_react["default"].createElement(_hoverMenu["default"], {
     menuPosition: menuPosition,
     onChangeLanguage: onChangeLanguage,
     language: element.language,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.100",
+  "version": "3.0.101",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ec117df28e801deb10aca55c08c76cb3f310dc9d"
+  "gitHead": "3fa0d2b37f6203e3c44651ef5ab9613ef2e1d07c"
 }