mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-26 07:22:34 +00:00
Optimize/tabs animation (#7998)
* activities tabs * radio group * optimize statistic router * statistic tabs * devices tabs * libraries tabs * users tabs * optimize users * optimize libraries related routers * logs tab * virus scan & admin logs * optimize * revert debug code * optimize --------- Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
@@ -72,3 +72,26 @@
|
||||
.activity-user-name {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.nav.activities-nav-indicator-container .nav-item .nav-link {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.activities-nav-indicator-container::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 2px;
|
||||
width: 80px;
|
||||
background: #ED7109;
|
||||
border-radius: 2px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.activities-nav-indicator-container[data-active="all"]::before {
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
.activities-nav-indicator-container[data-active="mine"]::before {
|
||||
transform: translateX(108px);
|
||||
}
|
||||
|
@@ -355,3 +355,19 @@ img[src=""],img:not([src]) { /* for first loading img*/
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.nav-indicator-container .nav-item .nav-link {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.nav-indicator-container::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 2px;
|
||||
width: var(--indicator-width);
|
||||
background: #ED7109;
|
||||
border-radius: 2px;
|
||||
transition: transform 0.3s ease;
|
||||
transform: translateX(var(--indicator-offset));
|
||||
}
|
||||
|
Reference in New Issue
Block a user