fix(sidebar): align restore indicator with sidebar header and add first-use breathing animation (#990)

This commit is contained in:
Will Miao
2026-06-18 19:22:38 +08:00
parent 80ec9085dd
commit 258b2622d5
2 changed files with 24 additions and 2 deletions

View File

@@ -114,8 +114,7 @@
.sidebar-hidden-indicator {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
top: 68px; /* Align with sidebar header */
z-index: var(--z-overlay);
width: 14px;
height: 44px;
@@ -144,6 +143,21 @@
color: white;
}
/* Subtle breathing animation for first-time discovery */
@keyframes sidebarBreathing {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.65; }
}
.sidebar-hidden-indicator.breathing {
animation: sidebarBreathing 2.5s ease-in-out infinite;
animation-delay: 0.5s;
}
.sidebar-hidden-indicator.breathing:hover {
animation: none;
}
.sidebar-hidden-indicator-tooltip {
position: absolute;
left: 100%;