@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-
|
|
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-
|
|
10
|
+
.sf-panel-container {
|
|
11
11
|
height: 100%;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.sf-
|
|
14
|
+
.sf-panel-container[style*="display: none"] {
|
|
15
15
|
opacity: 0;
|
|
16
16
|
pointer-events: none;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.sf-
|
|
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("
|
|
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-
|
|
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-
|
|
85
|
+
className: "sf-comment-panel-container sf-panel-container",
|
|
85
86
|
style: {
|
|
86
87
|
width
|
|
87
88
|
}
|
package/package.json
CHANGED
|
@@ -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
|
-
}
|