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

@@ -1040,7 +1040,15 @@ export class SidebarManager {
<span class="sidebar-hidden-indicator-tooltip">${translate('sidebar.showSidebar')}</span>
`;
// Subtle breathing animation on first sight to aid discoverability;
// stops permanently after user clicks the restore button once
const restoreKey = `${this.pageType}_restoreButtonUsed`;
if (!getStorageItem(restoreKey, false)) {
indicator.classList.add('breathing');
}
indicator.addEventListener('click', () => {
setStorageItem(restoreKey, true);
this.toggleHideOnThisPage();
});