1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 19:08:21 +00:00

change dir tools style (#6417)

This commit is contained in:
Michael An
2024-07-25 11:02:55 +08:00
committed by GitHub
parent 2c5ccf5551
commit 5f99c77596
2 changed files with 8 additions and 4 deletions

View File

@@ -119,20 +119,20 @@ class DirTool extends React.Component {
return ( return (
<React.Fragment> <React.Fragment>
<div className="d-flex"> <div className="dir-tool d-flex">
<ViewModes currentViewMode={currentMode} switchViewMode={this.props.switchViewMode} /> <ViewModes currentViewMode={currentMode} switchViewMode={this.props.switchViewMode} />
<ReposSortMenu sortOptions={sortOptions} onSelectSortOption={this.onSelectSortOption}/> <ReposSortMenu sortOptions={sortOptions} onSelectSortOption={this.onSelectSortOption}/>
{(!this.props.isCustomPermission) && {(!this.props.isCustomPermission) &&
<span className="cur-view-path-btn ml-2" onClick={() => this.props.switchViewMode('detail')}> <div className="cur-view-path-btn" onClick={() => this.props.switchViewMode('detail')}>
<span className="sf3-font sf3-font-info" aria-label={propertiesText} title={propertiesText}></span> <span className="sf3-font sf3-font-info" aria-label={propertiesText} title={propertiesText}></span>
</span> </div>
} }
{menuItems.length > 0 && {menuItems.length > 0 &&
<Dropdown isOpen={isDropdownMenuOpen} toggle={this.toggleDropdownMenu}> <Dropdown isOpen={isDropdownMenuOpen} toggle={this.toggleDropdownMenu}>
<DropdownToggle <DropdownToggle
tag="i" tag="i"
id="cur-folder-more-op-toggle" id="cur-folder-more-op-toggle"
className='cur-view-path-btn sf3-font-more sf3-font ml-2' className='cur-view-path-btn sf3-font-more sf3-font'
data-toggle="dropdown" data-toggle="dropdown"
title={gettext('More operations')} title={gettext('More operations')}
aria-label={gettext('More operations')} aria-label={gettext('More operations')}

View File

@@ -346,3 +346,7 @@ img[src=""],img:not([src]) { /* for first loading img*/
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;
} }
.dir-tool>div {
margin-left: 8px;
}