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

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

@@ -118,6 +118,7 @@
.table-container { .table-container {
flex: 1; flex: 1;
padding-bottom: 150px; padding-bottom: 150px;
padding: 0 1rem;
} }
.cur-view-content .article { .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 { .view-mode-container {
display: flex; display: flex;
@@ -26,11 +29,9 @@
} }
.dir-content-main { .dir-content-main {
flex: 1 0 75%; flex: 1 0 74.5%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-right: -1rem;
padding:0 0.75rem;
overflow: auto; overflow: auto;
} }

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

@@ -1,6 +1,6 @@
.repo-info-bar { .repo-info-bar {
padding: 10px; padding: 10px;
margin-top: 10px; margin: 10px 16px 0;
border: 1px solid #e6e6dd; border: 1px solid #e6e6dd;
border-radius: 5px; border-radius: 5px;
/* background: #f8f8f8; */ /* 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 DirGridView from '../../components/dir-view-mode/dir-grid-view';
import DirColumnView from '../../components/dir-view-mode/dir-column-view'; import DirColumnView from '../../components/dir-view-mode/dir-column-view';
import '../../css/lib-content-view.css';
const propTypes = { const propTypes = {
pathPrefix: PropTypes.array.isRequired, pathPrefix: PropTypes.array.isRequired,
currentMode: PropTypes.string.isRequired, currentMode: PropTypes.string.isRequired,
@@ -149,7 +151,7 @@ class LibContentContainer extends React.Component {
onDeleteRepoTag={this.props.onDeleteRepoTag} onDeleteRepoTag={this.props.onDeleteRepoTag}
/> />
</div> </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 && this.errMessage}
{this.props.pathExist && ( {this.props.pathExist && (
<Fragment> <Fragment>