haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 14:50:29 +00:00
Code Issues Releases Wiki Activity

[style]history-panel (#2946)

Browse Source
This commit is contained in:
Michael An
2019-02-15 11:42:57 +08:00
committed by Daniel Pan
parent de196e917f
commit 34a4022920
3 changed files with 33 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/css/file-history.css
View File

@@ -122,3 +122,33 @@
text-decoration: none;
color: #6e7687;
}
.history-content .main-panel {
flex: 1 1 auto;
}
.history-content .history-side-panel {
flex: 0 0 auto;
user-select: none;
border-left: 1px solid #e5e5e5;
background-color: #fff;
display: flex;
flex-direction: column;
}
.history-content .history-side-panel .history-side-panel-title {
height: 50px;
border-bottom: 1px solid #e5e5e5;
line-height: 50px;
font-size: 1rem;
padding: 0 10px;
background-color: rgb(250,250,249);
font-weight: bolder;
}
@media (min-width:992px) {
.history-side-panel {
width: 260px;
}
}

2
frontend/src/file-history.js
View File

@@ -88,12 +88,12 @@ class FileHistory extends React.Component {
</div>
</div>
<div id="main" className="history-content">
<SidePanel onItemClick={this.onHistoryItemClick}/>
<MainPanel
newMarkdownContent={this.state.newMarkdownContent}
oldMarkdownContent={this.state.oldMarkdownContent}
renderingContent={this.state.renderingContent}
/>
<SidePanel onItemClick={this.onHistoryItemClick}/>
</div>
</Fragment>
);

4
frontend/src/pages/file-history/side-panel.js
View File

@@ -97,9 +97,9 @@ class SidePanel extends React.Component {
render() {
return (
<div className="side-panel">
<div className="side-panel history-side-panel">
<div className="side-panel-center">
<div className="panel-header">{gettext('History Versions')}</div>
<div className="history-side-panel-title">{gettext('History Versions')}</div>
<div className="history-body">
{this.state.isLoading && <Loading />}
{this.state.historyInfo &&