mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-19 18:29:23 +00:00
change side nav tooltip and animation (#6361)
* change side nav tooltip and animation * fix code warnings
This commit is contained in:
5
frontend/src/css/header.css
Normal file
5
frontend/src/css/header.css
Normal file
@@ -0,0 +1,5 @@
|
||||
.top-header {
|
||||
background-color: #f8fafd;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: .5rem 1rem;
|
||||
}
|
11
frontend/src/css/main-side-nav-folded.css
Normal file
11
frontend/src/css/main-side-nav-folded.css
Normal file
@@ -0,0 +1,11 @@
|
||||
.side-panel .side-nav-folded {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.side-panel .side-nav-folded .side-nav-con {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.side-panel .side-nav-folded .nav-item .nav-link:hover {
|
||||
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 0.1);
|
||||
}
|
10
frontend/src/css/side-nav-icon-tip.css
Normal file
10
frontend/src/css/side-nav-icon-tip.css
Normal file
@@ -0,0 +1,10 @@
|
||||
.side-nav-icon-tip {
|
||||
opacity: 0;
|
||||
transform: translateX(0px);
|
||||
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 0.1);
|
||||
}
|
||||
|
||||
.side-nav-icon-tip.side-nav-icon-tip-animation {
|
||||
opacity: 1;
|
||||
transform: translateX(20px);
|
||||
}
|
Reference in New Issue
Block a user