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

[12.0] share admin animation time change (#6061)

Browse Source
This commit is contained in:
Michael An
2024-05-09 16:55:06 +08:00
committed by GitHub
parent ccea398718
commit b1ab514a5a
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -124,7 +124,11 @@ class MainSideNav extends React.Component {
);
}
return (
<ul id="share-admin-sub-nav" className={`nav sub-nav nav-pills flex-column ${this.state.sharedExtended ? 'side-panel-slide' : 'side-panel-slide-up'}`} style={style} >
<ul
id="share-admin-sub-nav"
className={`nav sub-nav nav-pills flex-column ${this.state.sharedExtended ? 'side-panel-slide-share-admin' : 'side-panel-slide-up-share-admin'}`}
style={style}
>
{canAddRepo && (
<li className="nav-item">
<Link to={siteRoot + 'share-admin-libs/'} className={`nav-link ellipsis ${this.getActiveClass('share-admin-libs')}`} title={gettext('Libraries')} onClick={(e) => this.tabItemClick(e, 'share-admin-libs')}>

11
media/css/seahub_react.css
View File

@@ -744,6 +744,7 @@ a, a:hover { color: #ec8000; }
margin-right: 6px;
}
/* files container height more than 200px, use 0.3s animation */
.side-panel-slide {
transition: all .3s ease-in-out;
}
@@ -753,6 +754,16 @@ a, a:hover { color: #ec8000; }
height: 0;
}
/* share admin container height less than 100px, use 0.15s animation */
.side-panel-slide-share-admin {
transition: all .15s ease-in-out;
}
.side-panel-slide-up-share-admin {
transition: all .15s ease-in-out;
height: 0;
}
/* about dialog */
.about-content {
min-width: 280px;