haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-01 23:20:51 +00:00
Code Issues Releases Wiki Activity

improve active item interactive

Browse Source
This commit is contained in:
shanshuirenjia
2019-04-17 14:18:12 +08:00
parent 2000c9b792
commit 05e76ebfb2
5 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/dir-view-mode/dir-column-view.js
View File

@@ -4,8 +4,6 @@ import DirColumnNav from './dir-column-nav';
import DirColumnFile from './dir-column-file';
import DirListView from './dir-list-view';
import '../../css/lib-content-view.css';
const propTypes = {
path: PropTypes.string.isRequired,
repoID: PropTypes.string.isRequired,
@@ -149,7 +147,7 @@ class DirColumnView extends React.Component {
render() {
const onResizeMove = this.state.inResizing ? this.onResizeMouseMove : null;
const select = this.state.inResizing ? 'none' : '';
const mainFlex = '1 0 ' + (1 - this.state.navRate) * 100 + '%';
const mainFlex = '1 0 ' + (1 - this.state.navRate - 0.05) * 100 + '%';
return (
<div className="dir-colunm-view" onMouseMove={onResizeMove} onMouseUp={this.onResizeMouseUp} ref="viewModeContainer">
<DirColumnNav

1
frontend/src/css/layout.css
View File

@@ -118,6 +118,7 @@
.table-container {
flex: 1;
padding-bottom: 150px;
padding: 0 1rem;
}
.cur-view-content .article {

7
frontend/src/css/lib-content-view.css
View File

@@ -1,3 +1,6 @@
.cur-view-content.lib-content-container {
padding: 0;
}
.view-mode-container {
display: flex;
@@ -26,11 +29,9 @@
}
.dir-content-main {
flex: 1 0 75%;
flex: 1 0 74.5%;
display: flex;
flex-direction: column;
margin-right: -1rem;
padding:0 0.75rem;
overflow: auto;
}

2
frontend/src/css/repo-info-bar.css
View File

@@ -1,6 +1,6 @@
.repo-info-bar {
padding: 10px;
margin-top: 10px;
margin: 10px 16px 0;
border: 1px solid #e6e6dd;
border-radius: 5px;
/* background: #f8f8f8; */

4
frontend/src/pages/lib-content-view/lib-content-container.js
View File

@@ -8,6 +8,8 @@ import DirListView from '../../components/dir-view-mode/dir-list-view';
import DirGridView from '../../components/dir-view-mode/dir-grid-view';
import DirColumnView from '../../components/dir-view-mode/dir-column-view';
import '../../css/lib-content-view.css';
const propTypes = {
pathPrefix: PropTypes.array.isRequired,
currentMode: PropTypes.string.isRequired,
@@ -149,7 +151,7 @@ class LibContentContainer extends React.Component {
onDeleteRepoTag={this.props.onDeleteRepoTag}
/>
</div>
<div className={`cur-view-content ${this.props.currentMode === 'column' ? 'view-mode-container' : ''}`}>
<div className={`cur-view-content lib-content-container ${this.props.currentMode === 'column' ? 'view-mode-container' : ''}`}>
{!this.props.pathExist && this.errMessage}
{this.props.pathExist && (
<Fragment>