haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 10:22:46 +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 ( 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 && ( {canAddRepo && (
<li className="nav-item"> <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')}> <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; margin-right: 6px;
} }
/* files container height more than 200px, use 0.3s animation */
.side-panel-slide { .side-panel-slide {
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
} }
@@ -753,6 +754,16 @@ a, a:hover { color: #ec8000; }
height: 0; 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 dialog */
.about-content { .about-content {
min-width: 280px; min-width: 280px;