1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-24 21:07:17 +00:00

update detail btn style (#3234)

This commit is contained in:
Michael An
2019-04-10 17:53:43 +08:00
committed by Daniel Pan
parent cb68f43ac0
commit 768ee27163
2 changed files with 6 additions and 5 deletions

View File

@@ -27,8 +27,8 @@ class ViewModeToolbar extends React.Component {
{/* <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-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> <button className={`${baseClass} sf2-icon-two-columns ${this.props.currentMode === 'column' ? 'current-mode' : ''}`} id='column' title={gettext('Column')} onClick={this.switchViewMode}></button>
</div> </div>
<div className="dirent-detail-btn btn-group"> <div className="detail-btn btn-group">
<button className={`${baseClass} ml-1 fas fa-info`} id='detail' title={gettext('Detail')} onClick={this.switchViewMode}></button> <button className="btn btn-secondary btn-icon ml-1 fas fa-info" id='detail' title={gettext('Detail')} onClick={this.switchViewMode}></button>
</div> </div>
</React.Fragment> </React.Fragment>
); );

View File

@@ -49,6 +49,7 @@
/* end file-operation toolbar */ /* end file-operation toolbar */
/* begin view-mode toolbar */ /* begin view-mode toolbar */
.detail-btn button,
.sf-view-mode-btn { .sf-view-mode-btn {
padding: 0; padding: 0;
height: 30px; height: 30px;
@@ -58,12 +59,12 @@
border: 1px solid #ccc; border: 1px solid #ccc;
line-height: 29px; line-height: 29px;
font-size: 18px; font-size: 18px;
border-radius: 0 !important; border-radius: 2px;
} }
.dirent-detail-btn .sf-view-mode-btn { .detail-btn button {
font-size: 15px; font-size: 15px;
border-radius: 3px !important; padding-top: 1px;
} }
.sf-view-mode-btn.current-mode { .sf-view-mode-btn.current-mode {