@seafile/seafile-editor 3.0.7-alpha.1 → 3.0.7-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -74,7 +74,7 @@ const ArticleInfo = _ref => {
74
74
  props: fileDetailsProps
75
75
  } = fileDetails || {};
76
76
  return /*#__PURE__*/_react.default.createElement("div", {
77
- className: "sf-article-info-container-wrapper",
77
+ className: "sf-article-info-container-wrapper sf-panel-wrapper",
78
78
  style: containerWrapperStyle
79
79
  }, /*#__PURE__*/_react.default.createElement(_resizeWidth.default, {
80
80
  minWidth: MIN_PANEL_WIDTH,
@@ -82,7 +82,7 @@ const ArticleInfo = _ref => {
82
82
  resizeWidth: resizeWidth,
83
83
  resizeWidthEnd: resizeWidthEnd
84
84
  }), /*#__PURE__*/_react.default.createElement("div", {
85
- className: "sf-article-info-container",
85
+ className: "sf-article-info-container sf-panel-container",
86
86
  style: {
87
87
  width
88
88
  }
@@ -1,4 +1,4 @@
1
- .sf-article-info-container-wrapper {
1
+ .sf-panel-wrapper {
2
2
  display: flex;
3
3
  flex-direction: row;
4
4
  max-width: 620px;
@@ -7,16 +7,16 @@
7
7
  height: 100%;
8
8
  }
9
9
 
10
- .sf-article-info-container {
10
+ .sf-panel-container {
11
11
  height: 100%;
12
12
  }
13
13
 
14
- .sf-article-info-container[style*="display: none"] {
14
+ .sf-panel-container[style*="display: none"] {
15
15
  opacity: 0;
16
16
  pointer-events: none;
17
17
  }
18
18
 
19
- .sf-article-info-container[style*="display: block"] {
19
+ .sf-panel-container[style*="display: block"] {
20
20
  opacity: 1;
21
21
  pointer-events: auto;
22
22
  }
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
11
11
  var _resizeWidth = _interopRequireDefault(require("../article-info/resize-width"));
12
12
  var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
13
13
  var _eventTypes = require("../../constants/event-types");
14
- require("./style.css");
14
+ require("../article-info/style.css");
15
15
  const MIN_PANEL_WIDTH = 360;
16
16
  const MAX_PANEL_WIDTH = 620;
17
17
  const CommentPanel = _ref => {
@@ -63,6 +63,7 @@ const CommentPanel = _ref => {
63
63
  return () => {
64
64
  unsubscribeCommentPanel();
65
65
  };
66
+ // eslint-disable-next-line react-hooks/exhaustive-deps
66
67
  }, []);
67
68
  (0, _react.useEffect)(() => {
68
69
  const eventBus = _eventBus.default.getInstance();
@@ -73,7 +74,7 @@ const CommentPanel = _ref => {
73
74
  props: commentProps
74
75
  } = commentConfig || {};
75
76
  return /*#__PURE__*/_react.default.createElement("div", {
76
- className: "sf-article-info-container-wrapper",
77
+ className: "sf-comment-panel-wrapper sf-panel-wrapper",
77
78
  style: containerWrapperStyle
78
79
  }, /*#__PURE__*/_react.default.createElement(_resizeWidth.default, {
79
80
  minWidth: MIN_PANEL_WIDTH,
@@ -81,7 +82,7 @@ const CommentPanel = _ref => {
81
82
  resizeWidth: resizeWidth,
82
83
  resizeWidthEnd: resizeWidthEnd
83
84
  }), /*#__PURE__*/_react.default.createElement("div", {
84
- className: "sf-article-info-container",
85
+ className: "sf-comment-panel-container sf-panel-container",
85
86
  style: {
86
87
  width
87
88
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/seafile-editor",
3
- "version": "3.0.7-alpha.1",
3
+ "version": "3.0.7-alpha.2",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -1,22 +0,0 @@
1
- .sf-article-info-container-wrapper {
2
- display: flex;
3
- flex-direction: row;
4
- max-width: 620px;
5
- min-width: 360px;
6
- position: relative;
7
- height: 100%;
8
- }
9
-
10
- .sf-article-info-container {
11
- height: 100%;
12
- }
13
-
14
- .sf-article-info-container[style*="display: none"] {
15
- opacity: 0;
16
- pointer-events: none;
17
- }
18
-
19
- .sf-article-info-container[style*="display: block"] {
20
- opacity: 1;
21
- pointer-events: auto;
22
- }