Prevent note list bounce by reserving fixed height for loading more banner

This commit is contained in:
chrisf committed 2026-10-24 22:11:42 -06:00
1 parent e74d1ad57b
commit 3bd9eacbe3
1 file changed
+8 -4
+8 -4
View File
@@ -2347,12 +2347,16 @@ export default function EvercloneWorkspace() {
</div> </div>
</div> </div>
{/* Loading indicator for next page */} {/* Reserved slot for loading indicator to prevent layout bounce when loading more notes */}
{loadingMore && ( <div className="h-5 flex items-center justify-center">
<div className="py-1 px-3 bg-emerald-50 text-center text-[10px] text-evernote-green font-medium animate-pulse rounded"> <div
className={`w-full py-0.5 px-3 bg-emerald-50 text-center text-[10px] text-evernote-green font-medium rounded transition-opacity duration-150 ${
loadingMore ? 'opacity-100 animate-pulse' : 'opacity-0 pointer-events-none'
}`}
>
Loading more notes… Loading more notes…
</div> </div>
)} </div>
{/* Collapsible Filter Panel */} {/* Collapsible Filter Panel */}
{showFilterPanel && ( {showFilterPanel && (