haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-03 16:10:26 +00:00
Code Issues Releases Wiki Activity

Detail panel (#3232)

Browse Source 
* update dirent detail btn

* update icon

* add animation

* update
This commit is contained in:
Michael An
2019-04-10 16:04:26 +08:00
committed by Daniel Pan
parent 49199d7990
commit d1f509e8fd
8 changed files with 149 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/toolbar/view-mode-toolbar.js
View File

@@ -21,11 +21,16 @@ class ViewModeToolbar extends React.Component {
render() {
let baseClass = 'btn btn-secondary btn-icon sf-view-mode-btn ';
return (
<div className="view-mode btn-group">
<button className={`${baseClass} sf2-icon-list-view ${this.props.currentMode === 'list' ? 'current-mode' : ''}`} id='list' title={gettext('List')} onClick={this.switchViewMode}></button>
{/* <button className={`${baseClass} sf2-icon-grid-view ${this.props.currentMode === 'grid' ? 'current-mode' : ''}`} id='grid' title={gettext('Grid')} onClick={this.switchViewMode}></button> */}
<button className={`${baseClass} sf2-icon-two-columns ${this.props.currentMode === 'column' ? 'current-mode' : ''}`} id='column' title={gettext('Column')} onClick={this.switchViewMode}></button>
</div>
<React.Fragment>
<div className="view-mode btn-group">
<button className={`${baseClass} sf2-icon-list-view ${this.props.currentMode === 'list' ? 'current-mode' : ''}`} id='list' title={gettext('List')} onClick={this.switchViewMode}></button>
{/* <button className={`${baseClass} sf2-icon-grid-view ${this.props.currentMode === 'grid' ? 'current-mode' : ''}`} id='grid' title={gettext('Grid')} onClick={this.switchViewMode}></button> */}
<button className={`${baseClass} sf2-icon-two-columns ${this.props.currentMode === 'column' ? 'current-mode' : ''}`} id='column' title={gettext('Column')} onClick={this.switchViewMode}></button>
</div>
<div className="dirent-detail-btn btn-group">
<button className={`${baseClass} ml-1 fas fa-info`} id='detail' title={gettext('Detail')} onClick={this.switchViewMode}></button>
</div>
</React.Fragment>
);
}
}