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

12.0 fix left nav tooltip (#6371)

Browse Source 
* 01 change tooltip position

* 02 change id files
This commit is contained in:
Michael An
2024-07-18 20:44:21 +08:00
committed by GitHub
parent a87c1769e6
commit a4ffa253f5
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -39,12 +39,12 @@ class MainSideNavFolded extends React.Component {
<div className={'side-nav-con d-flex flex-column'}> <div className={'side-nav-con d-flex flex-column'}>
<ul className="nav nav-pills flex-column nav-container"> <ul className="nav nav-pills flex-column nav-container">
<li id="files" className={`nav-item flex-column ${this.getActiveClass('libraries')}`}> <li id="main-side-nav-folded-files" className={`nav-item flex-column ${this.getActiveClass('libraries')}`}>
<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>
</Link> </Link>
</li> </li>
<Tip target="files" text={gettext('Files')} /> <Tip target="main-side-nav-folded-files" text={gettext('Files')} />
<li className={`nav-item ${this.getActiveClass('starred')}`} id="main-side-nav-folded-starred"> <li className={`nav-item ${this.getActiveClass('starred')}`} id="main-side-nav-folded-starred">
<Link className={`nav-link ellipsis ${this.getActiveClass('starred')}`} to={siteRoot + 'starred/'} onClick={(e) => this.tabItemClick(e, 'starred')}> <Link className={`nav-link ellipsis ${this.getActiveClass('starred')}`} to={siteRoot + 'starred/'} onClick={(e) => this.tabItemClick(e, 'starred')}>

4
frontend/src/css/side-nav-icon-tip.css
View File

@@ -1,10 +1,10 @@
.side-nav-icon-tip { .side-nav-icon-tip {
opacity: 0; opacity: 0;
transform: translateX(0px); transform: translateX(-20px);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 0.1); transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 0.1);
} }
.side-nav-icon-tip.side-nav-icon-tip-animation { .side-nav-icon-tip.side-nav-icon-tip-animation {
opacity: 1; opacity: 1;
transform: translateX(20px); transform: translateX(0px);
} }