haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-02 15:38:15 +00:00
Code Issues Releases Wiki Activity

change main-side-nav icon

Browse Source
This commit is contained in:
Michael An
2024-05-16 09:40:55 +08:00
parent 6f918125d1
commit fca24dca65
2 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/main-side-nav.js
View File

@@ -189,7 +189,7 @@ class MainSideNav extends React.Component {
<Link to={ siteRoot + 'libraries/' } className={`nav-link ellipsis ${this.getActiveClass('libraries')}`} title={gettext('Files')} onClick={(e) => this.tabItemClick(e, 'libraries')}> <Link to={ siteRoot + 'libraries/' } className={`nav-link ellipsis ${this.getActiveClass('libraries')}`} title={gettext('Files')} onClick={(e) => this.tabItemClick(e, 'libraries')}>
<span className="sf3-font-files sf3-font" aria-hidden="true"></span> <span className="sf3-font-files sf3-font" aria-hidden="true"></span>
<span className="nav-text">{gettext('Files')}</span> <span className="nav-text">{gettext('Files')}</span>
<span className={`toggle-icon fas ${filesNavUnfolded ? 'fa-caret-down':'fa-caret-left'} ${this.getActiveClass('libraries') ? 'text-white' : ''}`} aria-hidden="true" onClick={this.toggleFilesNav}></span> <span className={`toggle-icon sf3-font sf3-font-drop-down ${filesNavUnfolded ? '' : 'icon-rotate-90'} ${this.getActiveClass('libraries') ? 'text-white' : ''}`} aria-hidden="true" onClick={this.toggleFilesNav}></span>
</Link> </Link>
<ul id="files-sub-nav" className={`nav sub-nav nav-pills flex-column ${filesNavUnfolded ? 'side-panel-slide' : 'side-panel-slide-up'}`} style={{height: filesNavUnfolded ? this.filesNavHeight : 0}}> <ul id="files-sub-nav" className={`nav sub-nav nav-pills flex-column ${filesNavUnfolded ? 'side-panel-slide' : 'side-panel-slide-up'}`} style={{height: filesNavUnfolded ? this.filesNavHeight : 0}}>
{canAddRepo && ( {canAddRepo && (
@@ -250,7 +250,7 @@ class MainSideNav extends React.Component {
<a className="nav-link ellipsis" title={gettext('Share Admin')} onClick={this.shExtend}> <a className="nav-link ellipsis" title={gettext('Share Admin')} onClick={this.shExtend}>
<span className="sf3-font-wrench sf3-font" aria-hidden="true"></span> <span className="sf3-font-wrench sf3-font" aria-hidden="true"></span>
<span className="nav-text">{gettext('Share Admin')}</span> <span className="nav-text">{gettext('Share Admin')}</span>
<span className={`toggle-icon fas ${this.state.sharedExtended ? 'fa-caret-down':'fa-caret-left'}`} aria-hidden="true"></span> <span className={`toggle-icon sf3-font sf3-font-drop-down ${this.state.sharedExtended ? '' : 'icon-rotate-90'}`} aria-hidden="true"></span>
</a> </a>
{this.renderSharedAdmin()} {this.renderSharedAdmin()}
</li> </li>

15
media/css/seahub_react.css
View File

@@ -708,6 +708,21 @@ a, a:hover { color: #ec8000; }
margin-left: auto; margin-left: auto;
} }
.side-nav-con .toggle-icon.sf3-font-drop-down {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 12px;
width: 24px;
height: 24px;
transform: scale(.8);
}
.side-nav-con .toggle-icon.sf3-font-drop-down.icon-rotate-90 {
transform: rotate(90deg) scale(.8);
}
#draft-num { #draft-num {
font-size: 75%; font-size: 75%;
color: #5B5F65; color: #5B5F65;