haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 18:30:53 +00:00
Code Issues Releases Wiki Activity

[draft view] removed the vertical resizer between the main panel & the side panel

Browse Source
This commit is contained in:
llj
2022-04-12 14:23:19 +08:00
parent 7f976c2073
commit 6999d3be76
2 changed files with 5 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/draft.js
View File

@@ -53,8 +53,6 @@ class Draft extends React.Component {
historyList: [],
showReviewerDialog: false,
reviewers: [],
inResizing: false,
rightPartWidth: 300 / window.innerWidth * 100,
draftStatus: draftStatus,
};
this.quote = '';
@@ -561,25 +559,6 @@ class Draft extends React.Component {
this.oldIndex = node.data['old_index'];
}
onResizeMouseUp = () => {
if (this.state.inResizing) {
this.setState({ inResizing: false });
}
}
onResizeMouseDown = () => {
this.setState({ inResizing: true });
};
onResizeMouseMove = (e) => {
let rate = 100 - e.nativeEvent.clientX / this.refs.main.clientWidth * 100;
if (rate < 20 || rate > 60) {
this.setState({ inResizing: false });
return null;
}
this.setState({ rightPartWidth: rate });
};
componentDidMount() {
this.getOriginRepoInfo();
this.getDraftInfo();
@@ -660,7 +639,6 @@ class Draft extends React.Component {
render() {
const { draftInfo, reviewers, originRepoName, draftStatus } = this.state;
const onResizeMove = this.state.inResizing ? this.onResizeMouseMove : null;
const draftLink = siteRoot + 'lib/' + draftRepoID + '/file' + draftFilePath + '?mode=edit';
const showPublishedButton = this.state.draftStatus == 'published';
const showPublishButton = this.state.draftStatus == 'open' && filePermission == 'rw';
@@ -706,8 +684,8 @@ class Draft extends React.Component {
</div>
</div>
<div id="main" className="main" ref="main">
<div className="cur-view-container" onMouseMove={onResizeMove} onMouseUp={this.onResizeMouseUp} >
<div className='cur-view-content' ref="viewContent" style={{width:(100 - this.state.rightPartWidth) + '%'}}>
<div className="cur-view-container">
<div className='cur-view-content' ref="viewContent">
{this.state.isLoading ?
<div className="markdown-viewer-render-content article">
<Loading />
@@ -718,8 +696,7 @@ class Draft extends React.Component {
</div>
}
</div>
<div className="cur-view-right-part" style={{width:(this.state.rightPartWidth) + '%'}}>
<div className="seafile-comment-resize" onMouseDown={this.onResizeMouseDown}></div>
<div className="cur-view-right-part">
<div className="review-side-panel">
{this.renderNavItems()}
<TabContent activeTab={this.state.activeTab}>